Question

我写了一个javascript，它有onchange事件绑定到我的“type”选择下拉列表。为什么一个人无法工作呢？

<!DOCTYPE html>
<html>

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    </script>
    <script type="text/javascript">
        (function () {
            onChangeType = function () {
                alert(this);
            };
            $('#type').bind('change', onChangeType);
        })();
    </script>
</head>

<body>
    <form>
        <select id="type" type="text/javascript">
            <option value="1">test1</option>
            <option value="2">test2</option>
            <select id="sel">
            </select>
    </form>
</body>

</html>

Answer 1

您需要在document.ready处理程序中绑定处理程序。在元素存在于DOM之前，您将绑定到元素。

onChangeType = function() {
    alert(this);
}

$(function() {
    $('#type').on('change', onChangeType);
});

Answer 2

试试这个

<script>
$(document).ready(function(){
  $('#type').bind('change',function(){
      alert(this);
  });
});
</script>

javascript示例破解

2 个答案: