JQuery Mobile - 獲取SelectMenu的值

Question

當我嘗試從我的選擇菜單中獲取值時，我得到一個空值。

我知道我這樣做的原因是，jquery移動標記導致兩個項目的類爲「mySelect」 - 所以選擇器$（「。selectMenu」）是一個包裝集合。

我想知道是否有方法通過插件獲取值 - 例如$（「。mySelect」）。selectmenu（「value」）或類似的東西。

<section data-role="page"> 
<section data-role="content"> 
    <input type="button" value="what is the value" id="myButton"/> 
    <select class="mySelect"> 
     <option value="1">one</option> 
     <option value="2">two</option> 
     <option value="3">three</option> 
    </select> 
</section> 
</section> 

$("#myButton").click(function(){ 
    var val = $(".mySelect").val(); 
    alert(val); 
}); 

http://jsfiddle.net/9HG9t/

Answer 1

你可以做到這一點，以獲得的價值。

$(".mySelect option:selected").val() 

例子： http://jsfiddle.net/9HG9t/1/

Answer 2

只需使用jQuery的經典方式：

$("#myButton").click(function(){ 
    var val = $(".mySelect").find(":selected").text(); 
    alert(val); 
}); 

活生生的例子：http://jsfiddle.net/Gajotres/ANVQb/

Answer 3

你的代碼在包裹在一個<script>塊一個Visual Studio項目。