jquery - 检测 jquery Dual ListBox 中 box2View 的变化

Question

我正在使用带有以下代码的 Dual Listbox jQuery 插件：

<div id="instructorSelTab" class="instructorSelTab"> <!-- start div instructorSelTab-->
    <p class="iMsg">Please wait while the list of instructors is generated
        <img class="iImg" src="&save_webPath.css/img/loader.gif"  />
    </p>        
    <table> 
        <tr>
            <td>
                <select id="i1View" multiple="multiple" style="height:300px;width:300px;"></select>
                <br/>
            </td>                          
            <td>
                <button id="ito2"    type="button">&nbsp;>&nbsp;</button><br />
                <button id="iallTo2" type="button">&nbsp;>>&nbsp;</button><br />
                <button id="iallTo1" type="button">&nbsp;<<&nbsp;</button><br />
                <button id="ito1"    type="button">&nbsp;<&nbsp;</button>
            </td>
      <td>
                <select id="i2View" multiple="multiple" style="height:300px;width:300px;"></select>
            <br/>
            </td>
        </tr>
    </table>    
</div> <!-- end div instructorSelTab -->

如何检查 i2View 的内容是否已更改？i2View 中没有选择任何内容，我对内容不感兴趣 - 只是有些事情发生了变化。

更新：我尝试了以下方法：

$("#i1View, #ito2, #i2View").change(function(){
     alert ('changed');
    });

只有 i1View 会触发更改功能。

Answer 1

您可以在#i1View 上放置一个更改功能，然后如果选择的值为 1（第二个，它以 0 开头），那么您希望的命令将被触发。

   $(document).ready(function() {
       $("#i1View").change(function(){
          if($("#i1View").find(":selected").val() == '1'){
             $("#i1View").css('background','green');
          }
          else{
             $("#i1View").css('background','red');
          }
       })
    });