87,997
社区成员
发帖
与我相关
我的任务
分享JS中innerHTML = "" onclick方法不可调用
<script type="text/javascript">
function change(){
var str = " ";
str += "日 期: ";
str += "<input type='text' name='time'/>";
str += "公司名称: ";
str += "<input type='text' name='gsmc'/>";
str += "<input type='button' onClick='select()' value='查询'>";
document.getElementById("login").innerHTML = str;
// document.getElementById("login").innerHTML = document.getElementById("select").innerHTML;
}
function select(){
var gettime = document.getElementById("time").value;
if(gettime == "" || gettime == null || gettime.length != 8){
alert("请输入有效的8位数日期格式");
return false;
}
}
</script>
<body>
<div id="login">
用户名：<input type="text" name="username"/><br>
密 码：<input type="text" name="password"/><br>
<input type="button" value="登录" onClick="change()";/>
</div>
<div id="select" style="display: none">
日期：<input type="text" name="time"/>
公司名称：<input type="text" name="company"/>
<a href="#" onclick="select()">查询</a>
</div>
</body>
为什么select（）调用不到，如果写成<a href="#" onclick="select()">查询</a> 则可以
function change(){
var str = " ";
str += "日 期: ";
str += "<input type='text' name='time'/>";
str += "公司名称: ";
str += "<input type='text' name='gsmc'/>";
str += "<input type='button' onClick='select()' value='查询'>";
document.getElementById("login").innerHTML = str;
// document.getElementById("login").innerHTML = document.getElementById("select").innerHTML;
}
function select(){
var gettime = document.getElementById("time").value;
if(gettime == "" || gettime == null || gettime.length != 8){
alert("请输入有效的8位数日期格式");
return false;
}
}
</script>
<body>
<div id="login">
用户名：<input type="text" name="username"/><br>
密 码：<input type="text" name="password"/><br>
<input type="button" value="登录" onClick="change()";/>
</div>
<div id="select" style="display: none">
日期：<input type="text" name="time"/>
公司名称：<input type="text" name="company"/>
<a href="#" onclick="select()">查询</a>
</div>
</body>
为什么select（）调用不到，如果写成<a href="#" onclick="select()">查询</a> 则可以
...全文
请发表友善的回复…
发表回复
泡泡鱼_ 2012-08-21
- 打赏
- 举报
你必须对select重命名，或者：window.select这样去调用
孟子E章 2012-08-21
- 打赏
- 举报
不是不执行，是你的代码错误
孟子E章 2012-08-21
- 打赏
- 举报
你的
str += "<input type='text' id='time' name='time'/>";
缺少id
var gettime = document.getElementById("time").value;
str += "<input type='text' id='time' name='time'/>";
缺少id
var gettime = document.getElementById("time").value;
孟子E章 2012-08-21
- 打赏
- 举报
input本身有select方法，你可以换个名字测试下
另外，你 的id=select也容易出错 参考
http://blog.csdn.net/net_lover/article/details/7162136
function selectX(){}
var str = " ";
str += "日 期: ";
str += "<input type='text' id='time' name='time'/>";
str += "公司名称: ";
str += "<input type='text' name='gsmc'/>";
str += "<input type='button' onclick='selectX()' value='查询'>";
document.getElementById("login").innerHTML = str;
另外，你 的id=select也容易出错 参考
http://blog.csdn.net/net_lover/article/details/7162136
function selectX(){}
var str = " ";
str += "日 期: ";
str += "<input type='text' id='time' name='time'/>";
str += "公司名称: ";
str += "<input type='text' name='gsmc'/>";
str += "<input type='button' onclick='selectX()' value='查询'>";
document.getElementById("login").innerHTML = str;
