多个 Sumo 选择 Ok 点击事件

Posted 2023-05-08

【中文标题】多个 Sumo 选择 Ok 点击事件

【英文标题】：multiple Sumo select Ok click events

【发布时间】：2019-08-10 19:45:21

【问题描述】：

我如何确保 Sumo 选择 Ok 点击事件对于不同的选择是不同的。

类似的未回答问题here

这是我在 jsfiddle 中尝试过但无法正常工作。

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');
 );

【参考方案1】：

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

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

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