-1

さまざまな複数選択ボックスを含む次のHTMLがあります-

 <p>
 <label>Main Category</label>
 <select id="mainSelect" name="super_category" multiple>
    <option value="CatA">CatA</option>
    <option value="CatB">CatB</option>
 </select>
 </p>
 <p>
 <label>SubCategoryA</label>
 <select class="multiselectbox" name="super_subcategory_CatA" multiple>
     <option value="SubcatA1">SubcatA1</option>
     <option value="SubcatA2">SubcatA2</option>
 </select>
 </p>
<p>
<label>SubCategoryB</label>
<select class="multiselectbox" name="contact_subcategory_CatB" multiple>
     <option value="SubcatB1">SubcatB1</option>
     <option value="SubcatB2">SubcatB2</option>
</select>
</p>

subcategory_X複数選択フィールドからオプションを選択すると、同じサブカテゴリが複数選択で選択される動的なsuper_categoryjqueryコードを作成しようとしています

同様に、複数選択から任意のオプション subcategory_X を選択解除するとsuper_category、特定subcategory_Xの複数選択から任意またはすべてのオプションが選択解除されます。

Jquery を使用してこれを実行しようとしていますが、私は初心者です。onchange複数選択からオプションが選択/選択解除された場合、対応する「カテゴリ」が「super_category」複数選択で選択されるか、「サブカテゴリ」自体の複数選択からすべての値が選択解除されるように、イベントでこれを行うことを考えていました。

私が誰も混乱していないことを願っています。これに関する任意の助けをいただければ幸いです。

前もって感謝します。

編集: JSfiddle リンクhttp://jsfiddle.net/M53JX/

4

1 に答える 1

0

これを試して

$(document).ready(function () {
    $('#mainSelect').on('change', function () {
        $("select[name^=contact_subcategory] option").prop("selected", "");
        var name = $(this).val(); alert(name);
        $(name).each(function() {
            $("select[name=contact_subcategory_" +this  + "] option").prop("selected", "selected"); 
        })

    });
});

フィドル

于 2013-10-29T09:35:55.023 に答える