javascript - 关于html中form标签的奇怪现象（目测能上每周推荐）-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 关于html中form标签的奇怪现象（目测能上每周推荐）

PHP中文网 2017-04-11 10:08:54

[JavaScript讨论组]

548

一次偶尔的机会，写了id和方法名一样，于是后出现了奇葩现象，onchange的时候会报错说selectType不是一个方法。
经过各种调试后，终于发现，如果把form标签删掉，就能正常触发onchange方法。不过window.selectType.value还是依然有错。
可有大神能解释解释这里form标签究竟干了什么？

PHP中文网

认证0级讲师

全部回复(2)

PHP中文网2017-04-11 10:10:54 2楼

<html>
<head>
    <script>
        function selectType() {
            alert("change");
        }

    </script>
</head>

<body>
<form>
     <input type="text" id="selectType" value="1" onchange="window.selectType();console.log(selectType);"/>
</form>
</body>
</html>

试了一下应该是form标签下的id都被声明为局部变量指向了标签，想访问外面的得用window.selectType。