JavaScript onchange函数未定义?

时间:2018-02-11 20:42:43

标签: javascript html undefined onchange

我不知道为什么这个函数一直说它是未定义的。我试图在标签上调用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,但我把它全部撕下来试图发现这个问题的根源......

1 个答案:

答案 0 :(得分:1)

只需从脚本标记中删除src="data.js"即可。 HTML将仅评估脚本标记的内容,其属性类型设置为text/javascript或无,并且没有src属性。

修改:要在页面中加载data.js,请在页面中的脚本前添加另一个空脚本{/ 1}}。

src="data.js"