いずれかが選択されたときに他のすべての選択メニューをリセットする (jQuery および Wordpress)
いずれかが選択されたときに、他のすべての選択メニューを(送信を押さずに)リセットする必要があります。これは 2 つのメニューのみの例ですが、おそらく 4 つのメニューで動作する必要があります。(1 つを選択すると、他の 3 つがデフォルト値にリセットされます)
メニュー例 1 :
<select name="jj_register_options[number]" id="jj_register_options[number]">
<option value="">Front Page</option>
<option class="level-0" value="1115">Cart</option>
<option class="level-0" value="1143">Checkout</option>
<option class="level-1" value="1148"> Checkout → Pay</option>
<option class="level-1" value="1149"> Order Received</option>
<option class="level-0" value="1009">Checkout</option>
<option class="level-0" value="1116">Image Store</option>
<option class="level-0" value="971">Logout</option>
<option class="level-0" value="967">Lost Password</option>
<option class="level-0" value="1042">Members</option>
<option class="level-0" value="1144">My Account</option>
</select>
メニュー例2
<select name="jj_register_options[categories]" id="jj_register_options[categories]" class="">
<option class="level-0" value="1">Uncategorized (0)</option>
<option class="level-0" value="5">testy test (1)</option>
<option class="level-0" value="7">Help & Support (1)</option>
<option class="level-0" value="8">Themes (0)</option>
<option class="level-0" value="24">Entertainment (1)</option>
<option class="level-0" value="28">Lifestyle (1)</option>
</select>
一方がクリックされると、もう一方はリセットする必要があります。
このコードがありますが、機能していません。
$('#jj_register_options[number]').change(function(){
$('#jj_register_options[categories]').prop('selectedIndex',0);
});
$('#jj_register_options[categories]').change(function(){
$('#jj_register_options[number]').prop('selectedIndex',0);
});
どんな助けでも大歓迎です。PHPは得意ですが、jQuery/javascriptの知識はほとんどなく、