更改选定的值事件不适用于<select> </select>

时间:2013-04-03 06:48:23

标签: javascript jquery html

当选定的下拉列值更改时,以下代码不起作用。如果有任何错误,请更正。

<!doctype html>
  <html lang="en">
    <head>
      <meta charset="utf-8">

      <script src="jquery-1.9.1.js"></script>
      <script type="text/javascript">

        $(document).ready(function(){
          ("#theSelect").change(function(){
            alert("a");
          });
        });

      </script>

    </head>

  <body>
    <select id="theSelect">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
  </body>
</html>

4 个答案:

答案 0 :(得分:7)

您在$

之前错过了("#theSelect")
$("#theSelect").change(function(){

答案 1 :(得分:2)

缺少

$,因此jQuery无法识别它。

更改如下

$("#theSelect").change(function(){
       alert("a");
});

答案 2 :(得分:0)

使用这个

$(document).ready(function() {
$("select").change(function(){
    alert("a");
});
});

答案 3 :(得分:0)

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <select onchange=categories(this);>
        <option value="option1">Option1</option>
        <option value="option2">Option2</option>
        <option value="option3">Option3</option>
        <option value="option4">Option4</option>
        <option value="option5">Option5</option>
    </select>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        function categories(el) {
            var category = el.options[el.selectedIndex].value;
            alert(category);
        }
    </script>
</body>
</html>