js 获取下拉框的值

要获得 下拉框的值 ，使用 js吧

var AdultObj = documentgetElementById("AdultNum");

Adult_Value = AdultObjoptions[AdultObjselectedIndex]value;

var ChildObj = documentgetElementById("ChildNum");

Child_Value = ChildObjoptions[ChildObjselectedIndex]value

var BabyObj = documentgetElementById("BabyNum");

Baby_Value = BabyObjoptions[BabyObjselectedIndex]value

html:

<select onchange="change(this)">

</select>

js:

var change = function(sel){

    alert(selvalue);

}

通过value获得options的index编号的思路：获取所有option选项数组→循环判断value属性→取得满足要求的option的index值。如果获取options的index编号的目的是为了将其设置为选中项，那么可以有更简单的方式——直接将select对象的value属性值设置为需要选中项的value值即可。实例演示如下:

1、HTML结构

<select id="test">

<option value="0">option-0</option>

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

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

<option value="3">option-3</option>

<select><br>

选中项value：<input type="text" id="val"><input type="button" value="确定" onclick="fun()">

2、javascript代码

function fun(){

var val = documentgetElementById("val")value;

var select = documentgetElementById("test");  // 获取select对象

selectvalue = val; // 设置选中项

// 下面获取目标value值的option的index值

index = 0;

for(i=0;i<selectlength;i++){

if(select[i]value == val){

index = i;

break;

}

}

alert(index);

}

3、效果演示

js获取下拉列表框文本值，例如下面的HTML代码：

<select onchange="isSelected(thisvalue);" id="city"> 

<option 

value="1">北京</option> 

<option value="2" >上海</option> 

<option value="2" >广州</option> 

</select>

也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：

function isSelected(value) { 

var cityName; 

var city = 

documentgetElementById("city"); 

//获取选中的城市名称 

for(i=0;i<citylength;i++){ 

if(city[i]selected==true){ 

cityName 

= city[i]innerText; //关键点 

alert("cityName:" + cityName); 

} 

}

也可以这样做：

function isSelected(value) { 

var city = documentgetElementById("city"); 

alert(cityoptions[cityselectedIndex]innerText); 

}

大致解释一下，首先在HTML页面上有一个下拉框，并为此下拉框定了一个“city”的id，并为其绑定了一个onchange事件，通过此事件调用javascript函数。

在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i]innerText

方式获取当前所选中的文本值。当然如果需要获取选项值，只需如此即可：city[i]value

至此，通过以上方法在IE下已能达到所要的结果。但是，在FIREFOX下测试时，发现此法不起作用，最后通过查阅资料发现另外一个方法。将city[i]innerText

改为 city[i]text即可。这种方法对IE及FIXEFOX都适用！

var obj=documentgetElementById("catid");

var index=objselectedIndex;

var text=objoptions[index]getAttribute("text");

//上面过程就是把select >> option >> text 值取出来

alert('text = ' + text);

return text;

var selectIndex = documentgetElementById("sect")selectedIndex;//获得是第几个被选中了

var selectText = documentgetElementById("sect")options[selectIndex]text //获得被选中的项目的文本

>

以上就是关于js 获取下拉框的值全部的内容，包括:js 获取下拉框的值、给select加jquery方法 onchange=“change（）”，怎么获取选中的option的value值、用js，如何通过value获得options的index编号等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！