1

私はドロップボックスコードのセットを持っています

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

いいえ、「select-nbl」または「select-levelfocus」の変更時に、既存の選択ボックスを削除するか、新しい選択ボックスを追加したい

jquerymobile を使用してそれを行う方法

4

1 に答える 1

0

これは、単なるモバイル フレームワークである jQuery モバイルとはほとんど関係ありません。ここで実行するイベント リスナーと DOM 操作は、引き続き jQuery によって処理されます。

とにかく、どうやってそれをしますか？

さて、あなたはイベントリスナーを持っています:

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

そして、あなたは何かを隠すことができます:

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

parent() の使用は、jQuery モバイルがそこに置く余分なスタイリングを処理することです。

jQuery モバイルに選択ボックスを簡単に追加することはできませんが、非表示の場合は表示できます。

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

これはすべてアクションです：http://jsfiddle.net/luhn/Vgc4g/9/

于 2012-04-20T07:25:03.903 に答える