JQuery Mobile - Getting the Value of a SelectMenu

Question

When I attempt to get the value from my the select menu, I get an empty value.

I know the reason I do is that the jquery mobile markup results in two items with a class of "mySelect"-- so the selector $(".selectMenu") is a wrapped set.

I am wondering if there is a way to get the value through the plug in- something like $(".mySelect").selectmenu("value"), or something like that.

<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/

score 11 · Accepted Answer · answered Feb 22 '13 at 20:55

11

You can do this to get the value.

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

Example: http://jsfiddle.net/9HG9t/1/

answered Feb 22 '13 at 20:55

DPA

172
5

score 3 · Answer 2 · answered Feb 22 '13 at 20:35

3

Just use classic jQuery way:

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

Live example: http://jsfiddle.net/Gajotres/ANVQb/

answered Feb 22 '13 at 20:35

Gajotres

57,309
16
102
130

score 0 · Answer 3 · answered Feb 22 '13 at 21:12

0

Your code works in a Visual Studio project wrapped in a <script> block.

answered Feb 22 '13 at 21:12

cameronjchurch

410
3
7

JQuery Mobile - Getting the Value of a SelectMenu

3 Answers3