Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 1 down vote favorite

i have a simple form with a select menu:

<div data-role="page">
    <div data-role="popup" id="popupAddItem">
        <select name="select-choice" data-native-menu="false">
            <option>Select an option</option>
            <option value="a">A</option>
        </select>
    </div>
    <a href="#popupAddItem" data-rel="popup" data-role="button" data-icon="info">Add Item</a>
</div>

i added data-native-menu="false" so that the drop down will look nicer, but it seems not to work if the form is inside a popup.

so if i remove data-role="popup" then the custom select element seems to work, else not.

Is this a bug, or am i doing something wrong? see jsfiddle

share|improve this question

1 Answer

up vote 0 down vote accepted

My understanding is that a custom select menu rendered as a popup itself and popups in jQM cannot be chained.

You can achieve similar effect using a jQM modal dialog instead of a popup.

<div data-role="page">
    <a href="#popupAddItem" data-rel="dialog" data-role="button" data-icon="info">Add Item</a>
</div>
<div data-role="page" id="popupAddItem">
        <div data-role="content">
        <select name="select-choice" data-native-menu="false">
            <option>Select an option</option>
            <option value="a">A</option>
        </select>
        </div>
</div>

Here is jsFiddle

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.