Question

如果我在相同页面中使用带有2个列表框的相扑选择，如何识别单击确定按钮的列表实例。

以下是我的完整代码：以下是我的完整代码：

<script 
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">
</script>
<script src="jquery.sumoselect.min.js"></script>
<link href="sumoselect.css" rel="stylesheet" />

<script type="text/javascript">
$(document).ready(function () {
$(<%=ListBox1.ClientID%>).SumoSelect({ selectAll: true, okCancelInMulti: 
true });
$(<%=ListBox2.ClientID%>).SumoSelect({ selectAll: true, okCancelInMulti: 
true });

$('.btnOk').on('click', function ()
{
  alert('OK button Clicked');    });
});
</script>    

<body>
<form id="form1" runat="server">
<div>

</div>

<asp:ListBox runat="server" ID="lstBoxTest1" SelectionMode="Multiple">
 <asp:ListItem Text="Red" Value="0"></asp:ListItem>
 <asp:ListItem Text="Green" Value="1"></asp:ListItem>
 <asp:ListItem Text="Yellow" Value="2"></asp:ListItem>
 <asp:ListItem Text="Blue" Value="3"></asp:ListItem>
 <asp:ListItem Text="Black" Value="4"></asp:ListItem>
 </asp:ListBox>

<asp:ListBox runat="server" ID="lstBoxTest2" SelectionMode="Multiple">
<asp:ListItem Text="Merc" Value="0"></asp:ListItem>
<asp:ListItem Text="Audi" Value="1"></asp:ListItem>
<asp:ListItem Text="Jaguar" Value="2"></asp:ListItem>
<asp:ListItem Text="Porsche" Value="3"></asp:ListItem>
<asp:ListItem Text="Toyota " Value="4"></asp:ListItem>
</asp:ListBox>

</form>
</body>

Answer 1

如果triggerChangeCombined：true和true，则OK按钮将触发“更改”事件选择已更改。


$(<%=lstBoxTest2.ClientID%>).SumoSelect({ selectAll: true, okCancelInMulti:true,triggerChangeCombined:true }); $(<%=lstBoxTest2.ClientID%>).on('change',function(e){ alert('OK button Clicked'); });

处理确定点击多个相扑选择实例

1 个答案: