js获取select(下拉框的值)的值

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.111cn.net/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/ 1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>js获取select(下拉框的值)的值</title>
<script language="网页特效">
function selectvalue()
{
 var t = document.getelementbyid("test");
 alert(t.options[t.selectedindex].value);
}
</script>
</head>

<body>
<select   name="test" id="type" onchange="alert(this.options[selectedindex].value);">  
  <option   value="0">请选择</option>  
  <option   value="获取select的值1">获取select的值1</option>  
  <option   value="获取select的值二">获取select的值二</option>  
  <option   value="获取select的值三">获取select的值三</option>  
  <option   value="获取select的值四">获取select的值四</option>  
  </select>   <br />

  <a href="javascript:selectvalue();">获取select的值</a>

例如,要获得"第一"

例:document.getelementbyid('type').options[document.getelementbyid('type').selectedindex].text;

</body>
</html>

时间: 2024-09-16 19:41:14

js获取select(下拉框的值)的值的相关文章

js获取select下拉框的值

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

JavaScript获取Select下拉框OptionValue和Text值方法

  Js获取select下拉列表框各个Option的Value值相对比较容易,不过获取Text值却有点麻烦,对于一个初学JavaScript的新手来说,可能一时还无从下手,那么就请看下本文的方法,以一个form表单中的Select下拉框菜单为例,来说明如何用JavaScript获取其Value值和Text值: 示例表单,里面是一个select下拉列表框的各个列表项及值: 接下来是JavaScript部分,获取Select的各个Value值和Text值:

jquery及原生js获取select下拉框选中的值示例_javascript技巧

现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 复制代码 代码如下: <select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option> </select> 一:javas

利用jquery获取select下拉框的值_jquery

jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来. 我的下拉框是: <div class="form-group"> <select class="form-control" id="iv_level"> <option value="">店员</option> <option value="">店长</option>

如何获取select下拉框的值(option没有及有value属性)_javascript技巧

如何获取select下拉框的值: 1.下拉框的option没有value属性时 复制代码 代码如下: <select id="param1"> <option>学号</option> <option>姓名</option> <option>年龄</option> </seclect> <script> window.onload = funciton(){ var param =

js实现Select下拉框具有输入功能的方法

 这篇文章主要介绍了js实现Select下拉框具有输入功能的方法,实例分析了两种比较常见的实现方法,是非常实用的技巧,需要的朋友可以参考下     本文实例讲述了js实现Select下拉框具有输入功能的方法.分享给大家供大家参考.具体实现方法如下: 实现方法一 代码如下: <HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>js实现

js实现Select下拉框具有输入功能的方法_javascript技巧

本文实例讲述了js实现Select下拉框具有输入功能的方法.分享给大家供大家参考.具体实现方法如下: 实现方法一 复制代码 代码如下: <HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>js实现可输入的下拉框</TITLE> </HEAD> <BODY> <div style="

SelecT下拉框选中和取值的解决方法_jquery

 Select下拉框的问题,想在选择一个选项后,前台显示做出变动,并且知道选择的是第几个选项. 这个很好解决: 如下: <div class="page-header"> <div class="form-horizontal"> <div class="control-label col-lg-0"> </div> <div class="col-lg-2"> &l

js实现select下拉框菜单_javascript技巧

本文实例讲述了js实现select下拉框菜单的详细代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #gridComboBox { background: #fff; border: 1px solid #2d78f4; border-radius:

js自定义select下拉框美化特效_javascript技巧

select的默认样式往往很丑,为保证页面样式风格统一,需要对select进行美化.虽然其美化的插件很多,一搜一大把,但是需要引入长长的css文件和js文件实在是件头痛的事.其实select的实现原理很简单,就是一个点击 切换 显示和隐藏 并传值 的过程.用jquery模拟了,样式想怎么写就怎么写,且不限数量. 朴素的效果: html: <div class="select_box"> <font>›</font> <span>选项1&l