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

发布网友 发布时间：2023-10-13 04:47

我来回答

共5个回答

热心网友 时间：2024-12-03 23:49

通过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 = document.getElementById("val").value;
var select = document.getElementById("test");  // 获取select对象
select.value = val; // 设置选中项
// 下面获取目标value值的option的index值
index = 0;
for(i=0;i<select.length;i++){
if(select[i].value == val){
index = i;
break;
}
}
alert(index);
}

3、效果演示

热心网友 时间：2024-12-03 23:50

<script language="javascript">
function getValue(){
alert(document.getElementById('selectId').selectedIndex);
document.getElementById('selectId').selectedIndex=1;

}
</script>

<select id="selectId" onchange="getValue()">/**触发事件***/
<option value="0">音乐</option>
<option value="1">电影</option>
</select>

热心网友 时间：2024-12-03 23:50

<select id="selectId">
<option value="0">音乐</option>
<option value="1">电影</option>
<select>
<script language="javascript">
alert(document.getElementById('selectId').selectedIndex);
document.getElementById('selectId').selectedIndex=1;
</script>

热心网友 时间：2024-12-03 23:51

楼上的，是不是写错了啊
document.getElementById('selectId').seletedIndex=1

热心网友 时间：2024-12-03 23:52

直接设<select>的value为1就行了
oSelect.value="1" //oSelect为<select>标签的id