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添加選擇菜單動態

回答

相關問題