javascript – TypeError:ID不是函数
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – TypeError:ID不是函数,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2528字,纯文字阅读大概需要4分钟。
内容图文
![javascript – TypeError:ID不是函数](/upload/InfoBanner/zyjiaocheng/749/a6060a114b004b5487a2c49aabdd6fb7.jpg)
当我在表单字段中键入时,底部的输入也应该自动写入与上述字段相同的地址.
当我在外面输入时,JavaScript im using正在工作,如下所示,但我需要在提交表单中使用它.我在控制台中遇到的错误是“TypeError:autoAddress不是函数”下面的表单是WORKS
<form id="addNews" name="address" action="addevent.php" method="post" class="addStuff" enctype="multipart/form-data">
<h3>Address1:</h3><input type="text" class="title" name="address1" onkeyup="autoAddress();">
<h3>Address2:</h3><input type="text" class="title" name="address2" onkeyup="autoAddress();">
<h3>City:</h3><input type="text" class="title" name="city" onkeyup="autoAddress();">
<h3>County:</h3><input type="text" class="title" name="county" onkeyup="autoAddress();">
<h3>PostCode:</h3><input type="text" class="title" name="pcode" onkeyup="autoAddress();">
</form>
<input type="text" name="fulladdress" class="title" id="autoAddress" />
我需要的东西不工作而且在下面.我确定我只是缺少一些简单的东西.请注意底部的输入位于表单内部.
<form id="addNews" name="address" action="addevent.php" method="post" class="addStuff" enctype="multipart/form-data">
<h3>Address1:</h3><input type="text" class="title" name="address1" onkeyup="autoAddress();">
<h3>Address2:</h3><input type="text" class="title" name="address2" onkeyup="autoAddress();">
<h3>City:</h3><input type="text" class="title" name="city" onkeyup="autoAddress();">
<h3>County:</h3><input type="text" class="title" name="county" onkeyup="autoAddress();">
<h3>PostCode:</h3><input type="text" class="title" name="pcode" onkeyup="autoAddress();">
<input type="text" name="fulladdress" class="title" id="autoAddress" />
</form>
JavaScript如下
function autoAddress(){
var address1 = document.address.address1.value;
var address2 = document.address.address2.value;
var city = document.address.city.value;
var county = document.address.county.value;
var postcode = document.address.pcode.value;
var parts = [
address1,
address2,
city,
county,
postcode
];
var address = new Array();
for (var i=0; i<=parts.length; i++){
if (parts[i]){
address.push(parts[i]) ;
}
}
var joined = address.join(', ');
document.getElementById('autoAddress').value = joined;
}
解决方法:
<input type="text" name="fulladdress" class="title" id="autoAddress" />
^^^^^^^^^^^^^^^^
function autoAddress(){
^^^^^^^^^^^
这可能实际上是这里的问题 – 一些浏览器倾向于将HTML元素的ID导入到全局JavaScript命名空间中(Internet Explorer在这里是一个主要的攻击者,但是出于兼容性原因,其他浏览器已经调整了相同的行为).这可能导致在覆盖之前加载来自JavaScripts的实际JS对象/变量.
因此,尝试将HTML元素和JavaScript函数命名为不同的东西.
内容总结
以上是互联网集市为您收集整理的javascript – TypeError:ID不是函数全部内容,希望文章能够帮你解决javascript – TypeError:ID不是函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。