我有一个像这样的jQuery Mobile代码:
<select name="selectmenu1" id="selectmenu1">
<option value="o1">
a
</option>
<option value="o2">
b
</option>
<option value="o3">
c
</option>
<option value="o4">
d
</option>
</select>
现在我希望在用户更改选择后获取所选值。
如何使用jQuery执行此操作?
答案 0 :(得分:17)
这很简单......
$("#selectmenu1").change(function() {
var selected = $(this).val(); // or this.value
});
如果您想要所选元素的文本节点,请改用它......
$("#selectmenu1").change(function() {
var selected = $(this).find(":selected").text();
});
答案 1 :(得分:1)
$('#selectmenu1').on('change', function(){
alert( this.value );
});
答案 2 :(得分:-1)
http://jsfiddle.net/ipsjolly/5RaDB/
<select name="selectmenu1" id="selectmenu1">
<option value="o1">
a
</option>
<option value="o2">
b
</option>
<option value="o3">
c
</option>
<option value="o4">
d
</option>
</select>
<div id="getval" ></div>
<script>
function displayVals() {
var singleValues = $("select").val();
$("#getval").html(singleValues);
}
$('#selectmenu1').change(function() {
displayVals();
});
</script>
答案 3 :(得分:-1)
试试这个..这是最简单的方法..
<select name="selectmenu1" id="selectmenu1" onchange="selectvalue(this.value)>
<option value="o1">
a
</option>
<option value="o2">
b
</option>
<option value="o3">
c
</option>
<option value="o4">
d
</option>
</select>
在JavaScript端代码是..
function selectvalue(value){
alert(value);
}