Question

怎样获取select 里面的value

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

Answer 1

使用原生的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()); //拿到选中项的文本

Answer 2

<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

Answer 3

标签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>