我在下面有一个代码:
function showHideOptions() {
$("#template1, #template2, #template3, #template4").css("display","none");
$(this).css("display","block");
}
我有四个选择下拉菜单,在特定时间我只想在模板选择器选项中选择一个。
<select id="masterdropdown">
<option>T1</option>
<option>T2</option>
<option>T3</option>
<option>T4</option>
</select>
<select id="template1" onchange="return showHideOptions();">
<option>Template1</option>
<option>Template2</option>
<option>Template3</option>
<option>Template4</option>
</select>
<select id="template2" onchange="return showHideOptions();">
<option>Template1</option>
<option>Template2</option>
<option>Template3</option>
<option>Template4</option>
</select>
<select id="template3" onchange="return showHideOptions();">
<option>Template1</option>
<option>Template2</option>
<option>Template3</option>
<option>Template4</option>
</select>
<select id="template4" onchange="return showHideOptions();">
<option>Template1</option>
<option>Template2</option>
<option>Template3</option>
<option>Template4</option>
</select>
CSS:
#template1, #template2, #template3, #template4{display:none;}
基本上我有一个顶部下拉菜单(masterdropdown),它总是可见的,这也是一个模板选择器,在选择它的选项时,我想显示一个特定的模板下拉菜单,它对应于 masterdropdown 中的选定选项。如何在 jquery 中实现这一点。在这种情况下不起作用$(this)
,从函数调用。