我使用selectmenu插件來設計我的網站上的一些選擇菜單。我在我的網站上使用它們來實現過濾功能。我希望用戶一次只能通過一個菜單進行過濾。所以當用戶在一個菜單上選擇一個選項時,其他菜單上的值需要返回到默認選項。jQuery selectmenu - 多個菜單,當其中一個被更改時重置其他值?
我有一個jsfiddle設置我想要完成的。它幾乎工作。我可以通過其他菜單將其值重置回選項列表中的第一個值。問題是我正在改變的那個不會改變,它只是保持其默認值。
希望我已經解釋得很好。這裏是鏈接到的jsfiddle ....
http://jsfiddle.net/dmcgrew/FBzFL/
這裏是我的代碼:
<select name="type" id="type">
<option value="*" selected="selected">Select Project Type</option>
<option value=".annualreport">Annual Report</option>
<option value=".branding">Branding</option>
<option value=".brochures">Brochures</option>
<option value=".retail-signage">Retail Signage</option>
<option value=".video">Video</option>
<option value=".web">Web Development</option>
</select>
<select name="industry" id="industry">
<option value="*" selected="selected" class="default">Select Project Industry</option>
<option value=".consumergoods">Consumer Goods</option>
<option value=".education">Education</option>
<option value=".entertainment">Entertainment</option>
<option value=".food">Food</option>
<option value=".healthcare">Healthcare</option>
</select>
$(function(){
$('select').selectmenu({
menuWidth: 170,
width: 170,
maxHeight: 600
});
$('select#type').change(function(){
$("select#industry").selectmenu("index", 0);
});
$('select#industry').change(function(){
$("select#type").selectmenu("index", 0);
});
});
我想我已經想通了。我檢測到點擊而不是