如何获取select下拉框的值

分别使用javascript原生的方法和jquery方法

<select id="test" name="">

<option value="1">text1</option>

<option value="2">text2</option>

</select>

code:

一：javascript原生的方法

1:拿到select对象： var myselect=documentgetElementById("test");

2：拿到选中项的索引：var index=myselectselectedIndex ; // selectedIndex代表的是所选中项的index

3:拿到选中项options的value： myselectoptions[index]value;

4:拿到选中项options的text： myselectoptions[index]text;

二：jquery方法（前提是已经加载了jquery库）

1:var options=$("#test option:selected"); //获取选中的项

2:alert(optionsval()); //拿到选中项的值

3:alert(optionstext()); //拿到选中项的文本

val()函数获取select的属性。语法：

$(selector)val(value)

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。

一、创建一个select元素：

二、创建如下获取属性函数：

三、结果获取：

扩展资料：

通过 val() 方法从 textarea 元素中取得的值是不含有回车（\r）字符的。但是如果该值是通过 XHR 传递给服务器的，回车（\r）字符会被保留（或者是被浏览器添加的，但是在原始数据中并不包含回车（\r））。可以使用下面的 valHook 方法解决这个问题：

参考资料：

jQuery API 中文文档 --val()

<script language="javascript">

windowonload=function(){

documentgetElementsByTagName("select")[0]value = "1";//这里写你要设置的值

}

</scriput>

思路是这样的，以省市联动为列，选了省后出现可选市，也就是说“市”的值在“省”值发生变动时由JAVA程序赋予相应的值。

<script language="javascript">

var selects=[];

selects['xxx']=new Array(new Option('请选择城市……','xxx'));

//这里selects['1']里的1是和“省”下拉菜单中对应的。

selects['1']=new Array(

//下面赋值给省为1的市下拉菜单显示和值。

new Option('北京市','北京市')),

selects['30']=new Array(

new Option('昆明市','昆明市'),

new Option('大理白族自治州','大理白族自治州'),

new Option('东川市','东川市'),

new Option('保山地区','保山地区'),

new Option('德宏傣族景颇族自治州','德宏傣族景颇族自治州'),

new Option('迪庆藏族自治州','迪庆藏族自治州'),

new Option('楚雄彝族自治州','楚雄彝族自治州'),

new Option('临沧地区','临沧地区'),

new Option('怒江僳僳族自治州','怒江僳僳族自治州'),

new Option('丽江地区','丽江地区'),

new Option('曲靖地区','曲靖地区'),

new Option('思茅地区','思茅地区'),

new Option('西双版纳傣族自治州','西双版纳傣族自治州'),

new Option('文山壮族苗族自治州','文山壮族苗族自治州'),

new Option('红河哈尼族彝族自治州','红河哈尼族彝族自治州'),

new Option('玉溪地区','玉溪地区'),

new Option('昭通地区','昭通地区'));

function chsel(){

//非常重要的是，ListItemForSale是对应表单的名字，实际表单名是什么这里就是什么。

with (documentListItemForSale){

if(szShengvalue) {

shucityoptionslength=0;

for(var i=0;i<selects[szShengvalue]length;i++){

shucityadd(selects[szShengvalue][i]);

}

}

}

}

</script>

<form name="ListItemForSale">

<select name=szSheng onChange=chsel()><option value=xxx selected>请选择省份……</option><option value=30 >云南省</option><option value=1 >北京</option></select>

<select name=shucity id=shucity></select>

</form>

代码写到这里完了，你可以直接复制到页面中进行测试使用，HTML就行，不用支持到ASP，但然，有了这个思路你就可以用ASP从数据库里提出要联动的内容。

如果扩展使用上有什么问题可以给我留言。

你alert的为option，而并不是选中值

较简单的改法,js最后部分改成：

if(option[i]selected)

{

var temp = option[i]text;

}

}

alert(temp); <!--把获取的值打印出来-->

}

1级select 固定 onchange事件 判断一下 生成2级select   interHtml 1级select旁边。

html

<select onchange="selectopt(this);"> 

  <option value="waiyu">外语学院</option> 

  <option value="jisuanji">计算机学院</option> 

</select>

<span id="selectopt2"></span> 

js

function selectopt(obj) {

  if(objvalue=="waiyu") {

   var content = "<select><option value='1'>英语专业</option><option value='2'>日语专业</option></select>"; 

   documentgetElementById("selectopt2")innerHTML = content;  

   

  }else if(objvalue=="jisuanji") {

   var content = "<select><option value='1'>网络专业</option><option value='2'>软件专业与多媒体专业</option></select>"; 

   documentgetElementById("selectopt2")innerHTML = content;  

  }

 }

。。。很高兴lz这样问！前几天一位朋友的问题和这个很相似，让我大费脑经啊！

呵呵，后来是别人提醒了我！其实，这个问题的答案和1楼的朋友说的是一样的！

var i_ts_desc = documentgetElementById("i_ts_desc");

var value=i_ts_descvalue;

ok啦！呵呵，捡了1楼的话！

以上就是关于如何获取select下拉框的值全部的内容，包括:如何获取select下拉框的值、jquery 怎样获取select多选下拉框所有选项的值、在javascript中如何选中web里面的下拉框的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！