0

次のコードで Dual Listbox jQuery Plug-in を使用しています。

<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 のみが変更機能をトリガーします。

4

1 に答える 1

-1

#i1View に変更機能を追加すると、選択した値が 1 の場合 (2 番目の値は 0 から始まります)、必要なコマンドがトリガーされます。

   $(document).ready(function() {
       $("#i1View").change(function(){
          if($("#i1View").find(":selected").val() == '1'){
             $("#i1View").css('background','green');
          }
          else{
             $("#i1View").css('background','red');
          }
       })
    });
于 2013-08-11T22:49:30.900 に答える