我不知道为什么这个函数一直说它是未定义的。我试图在标签上调用onchange,我试图检查调用函数的值是否是所选选项的值。这是一个非常简单的html页面,所以我不知道为什么会弹出这个错误?谁能告诉我这段代码有什么问题?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Dog Decider</title>
<script src="data.js">
function buildSelect(dom){
console.log(dom);
}
</script>
</head>
<body>
<h1>Welcome to Dog Decider!</h1>
<p>Are you looking for a small or large dog?</p>
<select name="first" onchange="buildSelect(this);">
<option value="none">-- Select Dog Size --</option>
<option value="Small">Small</option>
<option value="Large">Large</option>
</select>
</body>
</html>
最初这个函数更大,实际上是实现了data.js,但我把它全部撕下来试图发现这个问题的根源......
答案 0 :(得分:1)
只需从脚本标记中删除src="data.js"
即可。 HTML将仅评估脚本标记的内容,其属性类型设置为text/javascript
或无,并且没有src属性。
修改:要在页面中加载data.js
,请在页面中的脚本前添加另一个空脚本{/ 1}}。
src="data.js"