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

jsFiddle .

選択した要素のテキスト ノードが必要な場合は、代わりにこれを使用してください...

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

jsFiddle .

Answer 2

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

Answer 3

これを試してください..これが最も簡単な方法です..

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

}

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>