jquery - 从 jQuery/jQuery Mobile 的选择菜单中获取选定的项目？

Question

我有一个这样的 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 做到这一点？

Answer 1

这很简单...

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

js小提琴。

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

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

js小提琴。

Answer 2

$('#selectmenu1').on('change', function(){
     alert( this.value );
});

Answer 3

这是 Jquery Mobile device 的正确答案。

$(document).bind( "change",'#selectmenu1', function(event, ui) {
    alert($( '#selectmenu1' ).val());

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
 
    
    
<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>
 

Answer 4

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>

Answer 5

试试这个..这是最简单的方法..

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

}