JQuery Mobile - 获取 SelectMenu 的值答案

【问题标题】：JQuery Mobile - Getting the Value of a SelectMenuJQuery Mobile - 获取 SelectMenu 的值
【发布时间】：2013-02-08 12:46:12
【问题描述】：

当我尝试从我的选择菜单中获取值时，我得到一个空值。

我知道我这样做的原因是 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/

【问题讨论】：

标签： jquery css jquery-mobile select-menu

【解决方案1】：

你可以这样做来获取价值。

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

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

【讨论】：

【解决方案2】：

只需使用经典的 jQuery 方式：

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

现场示例：http://jsfiddle.net/Gajotres/ANVQb/

【讨论】：

【解决方案3】：

您的代码在 <script> 块中包装的 Visual Studio 项目中运行。

【讨论】：