Question

我有一套保险箱代码是

<fieldset data-role="controlgroup" data-type="horizontal">
    <!--<legend>&nbsp;</legend>-->
    <select name="select-widget" id="select-widget">
        <option value="Widget">Widget</option>
    </select>
    <select name="select-nbl" id="select-nbl">
        <option value="NBL">NBL</option>
        <option value="HSM">HSM</option>
        <option value="TERR">TERR</option>
        <option value="KEY_ACCOUNT">KEY ACCOUNT</option>
    </select>
    <select name="select-level-focus" id="select-level-focus">
        <option value="LEVEL">LEVEL</option>
        <option value="FOCUS">FOCUS</option>
    </select>
    <select name="select-wdg" id="select-wdg">
        <option value="WDG">WDG</option>
    </select>
    <select name="select-wds" id="select-wds">
        <option value="WDS">WDS</option>
    </select>
</fieldset>

不，我想删除exixsting selectbox或在更改“select-nbl”或“select-levelfocus”时添加新的选择框

如何使用jquerymobile

执行此操作

Answer 1

这与jQuery mobile没什么关系，它只是一个移动框架。你想在这里做的事件监听器和DOM操作仍由jQuery处理。

无论如何，你是怎么做到的？

嗯，你有你的事件监听器：

$('#select-nbl').change(function() {
    #Do something
});

你可以隐藏东西：

$('#select-wdg').parents('.ui-select').hide();

使用parents（）是为了照顾jQuery mobile放在那里的额外样式。

您无法轻松地将选择框添加到jQuery mobile，但如果它们被隐藏，您可以显示它们。

$('#select-wdg').parents('.ui-select').show();

这一切都是行动：http://jsfiddle.net/luhn/Vgc4g/9/

jquerymobile动态添加选择菜单

1 个答案: