我有两个正在使用jQuery UI Selectmenu script进行样式设置的选择列表。该脚本隐藏了选择元素,并将输入元素作为LI写出自己的UL。如何根据父级选择列表筛选子选择列表
我试图写一些条件,以使得如果用户选择从选择列表中1的元件,它隐藏从选择列表2。这里一些元件正被从脚本萤火虫复制动态生成的HTML:
<ul id="role-menu" aria-labelledby="role-button" role="listbox" aria-hidden="true" class="ui-selectmenu-menu ui-widget ui-widget-content ui-corner-bottom form-select ui-selectmenu-menu-dropdown">
<li role="presentation" class="ui-selectmenu-item-selected current">
<a aria-selected="true" role="option" tabindex="-1" href="#" id="ui-selectmenu-item-343" name="ui-selectmenu-item-343">Current</a>
</li>
<li role="presentation" class="past">
<a aria-selected="false" role="option" tabindex="-1" href="#">Past</a>
</li>
这是我试图使工作的jQuery代码片段。我不知道该如何使用脚本监听菜单中的更改,因为.change()似乎只适用于表单元素。现在我试图让脚本输出一个测试警报,但它不起作用。
$('#role-menu ul').change(function() {
if($('li',this).hasClass('ui-selectmenu-item-selected current')) {
alert('test');
}
});
有没有更好的办法,我可以这样做?提前致谢!
@FrenchilnaLa:是的,您点击