下面的代码没有调用onchange函数:
<input id="department" name="department" />
<script type="text/javascript">
$jq("#department").on('change',function(){
console.log('Inside department onchange');
validateDepartment();
});
</script>
你的jQuery代码中有一个错误。你需要使用"jQuery"而不是"$jq",否则它会在控制台中显示一个错误,如"Uncaught ReferenceError: $jq is not defined&"。
jQuery("#department").on('change',function(){
console.log('Inside department onchange');
validateDepartment();
});
我不知道为什么你有$jq
,因为这不是正确的语法。
基本语法为:$(selector).action()
$符号用于定义/访问jQuery
A(选择器)"查询(或查找)";HTML元素
要在元素上执行的jQuery动作()
下面是一个工作示例:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<input id="department" name="department" />
</body>
<script>
$("#department").on('change',function(){
console.log('Inside department onchange');
validateDepartment()
});
function validateDepartment(){
var inputdept = $( "#department" ).val();
alert(inputdept + " Department is valid!")
}
</script>
</html>
有语法错误替换$jq与这样的
$("#department").on('change',function(){
console.log('Inside department onchange');
validateDepartment();
});
你可以这样做
$(document).on('change','#department',function(e){
// code
});
或
$('#department').change(function(e){
// code
});
也可以为输入字段附加onchange属性,以便处理像这样的更改事件
<input id="department" name="department" onchange="myFunc(this)"/>
希望这对你有帮助