怎样获取select 里面的value

Posted 2023-04-02

<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>本回答被提问者采纳

js中怎样获取<tags:treeselect/>中value的值

js代码：var value=$("#stationSelect").val();能够获得1中的ID为stationSelect的value值
1、<div class="control-group">
<label class="control-label">站点:</label>
<div class="controls">
<form:select id="stationSelect" path="station" items="$fns:getStation()" htmlEscape="false" class="required">
</form:select>
</div>
</div>

但采用相同的方法，获取不了下面ID为station中的value值，为什么？ 哪位能告诉我下面<tags:treeselect/>中value的值如何获取？
<tags:treeselect id="station" name="station.id" value="$purchaseGas.station.id" labelName="station.name" labelValue="$purchaseGas.station.name "
title="站点" url="/oam/straw/stationTree" notAllowSelectParent="true" cssClass="input-small required" allowClear="true"/>

参考技术A

这个标签本身就没有value这个属性，你的value只是你自己定义的属性，因此你要有自定义属性的方式去获取，

js方法

document.getElementById('station').getAttribute('value')

jq方法

$('#station').attr('value')

参考技术B tags:treeselect 会在页面生成一些input标签 打开浏览器工具,可以看到input标签的id,取值即可 参考技术C var value=$("#station").val();

记得这行js放在body后，别放在前面html一开始，还没生成，你就要取值，那取不到的。

追问

不都是放在head中，也就是放在body之前的呀、？？？？

追答

你引入jquery 可以放在前面。
动态生成的东西，要取值，你不放在后面，没法取。
你看看这个网页的源代码，看js在body后面有没有。。。
动起手来，试试就知道了。