多个相扑选择确定单击事件 [英] multiple Sumo select Ok click events

问题描述

如何确保Sumo select Ok click事件对于不同的选择而言是不同的.

How do I make sure that the Sumo select Ok click event is different for different selects.

此处

这是我在jsfiddle中尝试过的方法，但是无法正常工作.

This is I have tried in jsfiddle but can't get it work.

https://jsfiddle.net/dew3nmja/

<select id="island" multiple>
    <option value="Big Island">Big Island</option>
    <option value="Oahu">Oahu</option>
    <option value="Kauai">Kauai</option>
    <option value="Maui">Maui</option>
</select>
<select id="island2" multiple>
    <option value="Big Island2">Big Island2</option>
    <option value="Oahu2">Oahu2</option>
    <option value="Kauai2">Kauai2</option>
    <option value="Maui2">Maui2</option>
</select>

/// I get these classes from Developer tools and tried to iterate through it but no luck.

$('#island').next(" .MultiControls .btnOk").click( function () {
       alert('okk');
 });

 $('#island2').next(" .MultiControls .btnOk").click( function () {
       alert('222');
 });

推荐答案

您必须使用#island ~ .optWrapper .MultiControls .btnOk

$("#island ~ .optWrapper .MultiControls .btnOk").click( function () {
   alert('okk');
});

如果您查看#island，则包含.btnOk的下一个对象是.optWrapper

if you look at #island then the next object that contains your .btnOk is .optWrapper

这篇关于多个相扑选择确定单击事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！