在js中怎样获取option里的值，让他回显，谢谢

Posted 2023-04-17

参考技术A 读取select下的所有option 然后循环检测是否是你要设置的value值 是 就设置selected="selected"或者selected=true追问

请问有例子吗？我看下，如果光是这样说的话，我有些迷糊

本回答被提问者和网友采纳

怎样获取select 里面的value

<select>
<option value="676">青年博览</option>
<option value="667">创业天下</option>
<option value="666">城市天下</option>
</select>
<input type="hidden" name="classID" value="?" />
value="?" 这里面的值怎么跟着上面的select变化？
谢谢高手支招

使用原生的JavaScript语言和使用jQuery都是可以获取select里面的value的。
一：javascript原生的方法
1、拿到select对象： var myselect=document.getElementById("test")。
2、拿到选中项的索引：var index=myselect.selectedIndex 。
3、拿到选中项options的value： myselect.options[index].value;
4、拿到选中项options的text： myselect.options[index].text;
二：jquery方法（前提是已经加载了jquery库）
1、var options=$("#test option:selected"); //获取选中的项
2、alert(options.val()); //拿到选中项的值
3、alert(options.text()); //拿到选中项的文本 参考技术A <select>
<option value="676">青年博览</option>
<option value="667">创业天下</option>
<option value="666">城市天下</option>
</select>
<input type="hidden" name="classID" id="classID" value="?" />

<script>
$("select").change(function ()
$("#classID").val($(this).val());
alert($("#classID").val());
);
</script>
需要引用 jquery 参考技术B 标签select加入id、onChange；
标签input加入id；
加入onChangeSelect() js脚本。
代码如下：
<select id="selectKK" onChange="onChangeSelect();">
<option value="676">青年博览</option>
<option value="667">创业天下</option>
<option value="666">城市天下</option>
</select>
<input type="hidden" id="classID" name="classID" value="?" />

<script>
function onChangeSelect()
document.getElementById("classID").value=document.getElementById("selectKK").value;

</script>本回答被提问者采纳