0

こんにちは、jquery の学習を始めています。チュートリアルを読み、コードを作成しましたが、このコードが自分のページで機能しないのはなぜでしょうか。

<script src="jquery-1.9.1.js"></script>  
<script src="jquery-ui.js"></script>
<script src="jquery-min.js"></script>
<script type="text/javascript">
  $("#storage").change(function(){
    alert("sample ng onchange");    
  });
</script>


<tr><td><s:text name="label.storageArea" /></td>
<td><s:select  name="mediaBean.storageAreaDesc" 
            list="storageAreaList"              
            value="%{mediaBean.storageAreaDesc}" 
            size="1" style="width:155px;" 
            theme="simple" id="storage" />
</td>   
</tr>

助けてください。ありがとうございました。

タグの結果の HTML は次のとおりです。

<select name="mediaBean.storageAreaDesc" size="1" id="storage" style="width:155px;">
    <option value="1 - Storage 1" selected="selected">1 - Storage 1</option>
    <option value="2 - Storage 2">2 - Storage 2</option>
    <option value="3 - Storage 3">3 - Storage 3</option>
</select>
4

3 に答える 3

2

スクリプトはHTML の前にあるため、それを で囲みますDOM ready handler。これにより、DOm のロード後にスクリプトが確実に実行されます。

<script type="text/javascript">
  $(function() {
      $("#storage").change(function(){
         alert("sample ng onchange");    
      });
   });
</script>
于 2013-05-23T00:46:02.433 に答える
1

おそらく、あなたのjsコードをjqueryドキュメントレディブロックでラップする必要があります

http://api.jquery.com/ready/およびJquery select changeを参照してください

于 2013-05-23T00:45:38.053 に答える