JQuery Mobile - 获取SelectMenu的价值

时间:2013-02-22 19:42:04

标签: jquery css3 jquery-mobile select-menu

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

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

3 个答案:

答案 0 :(得分:9)

您可以这样做以获得价值。

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

实施例: http://jsfiddle.net/9HG9t/1/

答案 1 :(得分:3)

只需使用经典的jQuery方式:

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

实例:http://jsfiddle.net/Gajotres/ANVQb/

答案 2 :(得分:0)

您的代码适用于包含在<script>块中的Visual Studio项目。