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项目中工作。