用js，如何通过value获得options的index编号

通过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都适用！

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可 var selected_val = documentgetElementById(select_id)value;并且，通过 *** 作select下的option也可以得到被选项的value值，方法为： var sel = documentgetElem怎样用js取得select下拉列表框内选中的option的val

你还知道你天真啊

其实你可以自己找文档解决的

提供一种方案

msg = documentgetElementById("sect")children[2]

通过for循环判断每个选项，一旦满足条件则设置其selected属性为true即可，关键代码：

下面给出实例演示：

1、HTML结构

2、javascript代码

3、设置效果：如图设置选中项为2，点击按钮后“赵云”即被选中。

扩展资料：

selected 定义和用法

selected 属性规定在页面加载时预先选定该选项。

被预选的选项会显示在下拉列表最前面的位置。

也可以在页面加载后通过 JavaScript 设置 selected 属性。

参考资料：

百度百科JS

以上就是关于用js，如何通过value获得options的index编号全部的内容，包括:用js，如何通过value获得options的index编号、如何使用JS获取下拉列表框的显示值、怎样用js取得select下拉列表框内选中的option的val等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！