jquerymobile添加选择菜单动态

我有一组收存箱的代码jquerymobile添加选择菜单动态

<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选择框或添加新的选择框，以它的“选择 - NBL”或“选择 - 的变化levelfocus”

如何使用jquerymobile

来源

2012-04-20 Anup Singh

你能更准确？当select-nbl或select-levelfocus改变时，什么应该出现/消失，以及在哪里？ – sp00m 2012-04-20 07:23:38

这一点与jQuery移动做的，这是仅仅是一个移动的框架来做到这一点。您想在此处执行的事件侦听器和DOM操作仍由jQuery处理。

不管怎样，你是如何做到的？

好了，你有你的事件侦听器：

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

而且你可以隐藏的东西：

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

使用父母（）是采取额外的造型照顾jQuery Mobile的看跌期权在那里。

您不能轻松地将选择框添加到jQuery移动设备，但是如果它们隐藏了，您可以显示它们。

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

这一切动作：http://jsfiddle.net/luhn/Vgc4g/9/

来源

2012-04-20 07:25:03

看看jsfiddle http://jsfiddle.net/Nkauu/ 给出的代码现在正在工作 – 2012-04-20 07:41:42

那是怎么回事？ http://jsfiddle.net/luhn/Vgc4g/9/ – 2012-04-20 08:10:43

感谢您的回复.. 高达一定程度上是gr8的解决方案..但是当我们需要删除第一个或最后一个元素时，它会给出圆角的问题。如果我们需要从开始或结束顺序删除多个选择框，它将继续给出问题。我正在处理它删除角落问题...即使最后一个元素的CSS。 – 2012-04-20 09:07:34

jquerymobile添加选择菜单动态

回答

相关问题