js input输入信息之后弹出下拉框
比如我在一个小页面要输入三个input的信息，比如身高，年龄，体重输入完之后确认，会在input底下弹出一个小框，里面又要我输入几个input2的信息，我该怎么实现呢？...
比如我在一个小页面要输入三个input的信息，比如身高，年龄，体重
输入完之后确认，会在input底下弹出一个小框，里面又要我输入几个input2的信息，我该怎么实现呢？ 展开
输入完之后确认，会在input底下弹出一个小框，里面又要我输入几个input2的信息，我该怎么实现呢？ 展开
展开全部
<!-- 为了简单，我就写一个最简单的给你看咯 -->
<body>
<!-- 把每组input放在id不同的table里面 -->
<table id="table1">
<tr><td>身高：</td><td><input /></td></tr>
<tr><td>年龄：</td><td><input /></td></tr>
<tr><td>体重：</td><td><input /></td></tr>
<tr>
<td> </td>
<!-- 这里使用方法GoNext -->
<input type="button" value="确认" onclick="GoNext('table1','table2')" />
</tr>
</table>
<!-- 初始化的时候，展示隐藏掉 -->
<table id="table2" style="display:none;">
<tr><td>其他：</td><td><input /></td></tr>
</table>
</body>
// 这里写一个 GoNext 方法
<script type="text/javascript">
// 其中 hide 是点击按钮后要隐藏的table的id，show是要展示的table的Id
function GoNext(hide,show){
// 获得 id=hide 的控件，设置样式 style 的 display 为 none
document.getElementById(hide).style.display = "none";
// 设置 display 为 block（展示）
document.getElementById(show).style.display = "block";
}
</script>
// 把上边的两段代码放到body里面，就可以看到效果啦，当然，如果你想放在同一个table里面，那也可以追问咯
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
onkeyup事件咯，onblur事件咯，然后判断是否填写完了上面3个咯，然后，如果是，就把下面的显示咯，如果没有，就隐藏咯，好简单
追问
-,-小小菜鸟一枚呀。大神可以给点代码让小弟复制一试吗？跪谢汗
追答
额，全是力气活啊，你写个模板出来咯，然后我来改咯
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在页面设置一个隐藏div
<div class="div1" style="display:none;">放入弹出小框的内容（input）</div>
然后点击确认的时候 执行js代码
代码：$(".div1").show(); 就行了
<div class="div1" style="display:none;">放入弹出小框的内容（input）</div>
然后点击确认的时候 执行js代码
代码：$(".div1").show(); 就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
