1

JS

$(document).ready(function () {

$('#issue_no').change(function()
{
   alert('Value change to ' + $(this).attr('value'));
});

});

HTML

<select id='issue_no' name='issue_non'>
    <option value='_empty' selected='selected' style='display:none;'></option>
    <option value="ABC">Vol 1, No 1 (2012): Journal of JISRComputing</option>
</select>

うまくいかないようです。なんで？選択値を変更するときにアラートが表示されないのはなぜですか。

4

5 に答える 5

3

jQueryを参照していることを確認してください。

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>

コードを準備完了関数でラップします。

$(function(){
  /* Code Here */
});

id構造が正しいかどうか、およびマークアップを確認してください。

<select id='issue_no' name='issue_non'>
    <option value='_empty' selected='selected' style='display:none;'></option>
    <option value="ABC">Vol 1, No 1 (2012): Journal of JISRComputing</option>
</select>

読みやすくするために、適切にフォーマットされたJavaScriptを記述します。

$(function(){
    $("#issue_no").on("change", function(){
        alert( this.value );
    });
});

このすべての後、それは機能します：http: //jsbin.com/obadub/edit#javascript,html

いつものように、ページの他の場所で問題が発生していないことを確認してください。

<!DOCTYPE html>
<html>
  <head>
    <title>Alert Selected Value</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
    <script>
    $(function(){
      $("#issue_no").on("change", function(){
        alert( this.value );
      });
    });
    </script>
  </head>
  <body>
    <select id='issue_no' name='issue_non'>
      <option value='_empty' selected='selected' style='display:none;'></option>
      <option value="ABC">Vol 1, No 1 (2012): Journal of JISRComputing</option>
    </select>
  </body>
</html>
于 2012-05-09T13:41:09.873 に答える
1

それは動作します。あなたの問題はおそらく他の場所にあります。

于 2012-05-09T13:36:41.453 に答える
0 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#issue_no').on('change', function () {
                alert('Value change to ' + $(this).attr('value'));
            });
        });
    </script>
</head>
<body>
    <select id='issue_no' name='issue_non'>
        <option value='_empty' selected='selected' style='display: none;'></option>
        <option value="ABC">Vol 1, No 1 (2012): Journal of JISRComputing</option>
    </select>
</body>
</html>
于 2012-05-09T13:41:56.450 に答える
0

$(document).ready(function() {...});（またはその省略形）を使用するか$(function() {...});、そのスクリプトをページの下部、終了 body タグ（ ）の直前に移動する必要があります</body>。

また、使用するのではなく、価値を引き出すためのより良い代替手段がたくさんあります.attr('value')（私は、あなたが望むように機能するとは確信していません）。.val()jQuery 関数 ( )を呼び出す$(this).val()か、 を使用してプロパティに直接アクセスしますthis.value。

于 2012-05-09T13:38:30.120 に答える
0

あなたはのように使うことができます

$(function() {
   $('#issue_no').on("change", function()
   {
      alert('Value change to ' + $(this).val());
   });
});
于 2012-05-09T13:39:28.707 に答える