我想实现当在输入框里输入“1”时就会弹出一个表格输入框用javascript实现

 我来答

1个回答

#热议# 在购买新能源车时，要注意哪些？

百度网友1b648ac
2010-06-24 · TA获得超过584个赞

知道小有建树答主

回答量：254

采纳率：0%

帮助的人：257万

我也去答题访问个人页

关注

展开全部

<html>
<script>
function checkUserInput(value) {
if (value == "1")
{
document.getElementById("overLay").style.display = "block";
document.getElementById("userInputDiv").style.display = "block";
}
}
function cancelInput() {
document.getElementById("overLay").style.display = "none";
document.getElementById("userInputDiv").style.display = "none";
}
</script>
<body style="margin:0px;padding:0px;">
<div>
<input type="text" onkeyup="checkUserInput(this.value)">
</div>
<div id="userInputDiv" style="width:520px;height:308px;position:absolute;top:20%;left:25%;border:1px solid #393939;background:white;display:none;z-index:900;">
<table border="1">
<tr>
<td><input type="text"></td><td><input type="text"></td><td><input type="text"></td>
</tr>
<tr>
<td><input type="text"></td><td><input type="text"></td><td><input type="button" value="OK" onclick="cancelInput()"><input type="button" value="Cancel" onclick="cancelInput()"></td>
</tr>
</table>
</div>
<div id="overLay" style="position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2;background:#999999;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity:0.6;display:none;cursor:not-allowed;"></div>
</body>
</html>

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

我想实现当在输入框里输入“1”时就会弹出一个表格输入框 用javascript实现

为你推荐：

我想实现当在输入框里输入“1”时就会弹出一个表格输入框用javascript实现