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的 's 和标记的结构是否正确：

<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

您要么需要使用$(document).ready(function() {...});（或其简写形式$(function() {...});），要么只需将该脚本移动到页面底部，就在结束正文标记 ( </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 回答
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 回答