从jQuery / jQuery Mobile的选择菜单中获取所选项目?

时间:2012-05-16 06:47:38

标签: jquery jquery-mobile

我有一个像这样的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执行此操作?

4 个答案:

答案 0 :(得分:17)

这很简单......

$("#selectmenu1").change(function() {
    var selected = $(this).val(); // or this.value
});

jsFiddle

如果您想要所选元素的文本节点,请改用它......

$("#selectmenu1").change(function() {
    var selected = $(this).find(":selected").text();
});​

jsFiddle

答案 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);

}