写一个input,点击button,然后再弹出input 如上图一个input,里面填写数字,旁边写一个button,当点击button的时候,就动态获取input里的值,如果input里填写3,就弹出3个input。这个要怎么写?谁帮帮我?求代码input,butto 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 提供一个思路: 点击按钮时获取用户输入的弹出数量,然后循环去构造 直接构造HTML 弹出来就行了例如:var input="<input type=\"text\">";var html=""for(int i=0;i<3;i++){html+=input;} 然后把该HTML赋值到页面显示的弹出层 例如:$("#弹出层ID").html(html); 通过document.getElementById(id).value获取文本的值之后通过for循环 createElement 和appendChild创建节点添加到对应的元素上试试 给你个参考。<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> </style> </head> <body> <div> 需要的层级:<input type="text" id="num" /> <input type="button" id="ok" value="确定" /> </div> <div id="can" style="border:1px solid #CCC; display:none; width:300px;"></div> <input type="button" id="submit" value="submit" /> <div id="show"></div> </body></html><script type="text/javascript" src="../jquery-1.8.0.js"></script><script type="text/javascript">$(function(){ $("#ok").bind("click", function(){ var num = parseInt($("#num").val()); var html = ''; for(var i=0; i<num; i++){ html += '<input type="text" /><br/>'; } $("#can").html(html).css('display', 'block'); }) $("#submit").bind("click", function(){ var input = $("#can input:text"); var html = ''; for(var i=0, t=input.length; i<t; i++){ html += input[i].value+'; '; } $("#show").html(html); })})</script> 关于键盘、鼠标事件对IE浏览器的影响 高手速来。。 请问如何得到TD下面的超链接对象 在showModalDialog中子窗体访问父窗体元素的问题。 急!高分求一个简单问题! 关于JavaScript跨页面传值问题(急..请高手帮帮忙) JS+JQUERY全屏焦点图中能放三图,放第四张就一下跳过,如果修改? 有些数据存在想放php变量进行处理可是太长了 Chrome插件中关于js函数的调用. 一个非常急的问题请大家帮忙!关于计数器的问题 JS函数问题 如何在js时间控件里面加时间验证,有些浏览器当调用时间控件失效时textbox也同时验证
点击按钮时获取用户输入的弹出数量,然后循环去构造 直接构造HTML 弹出来就行了例如:
var input="<input type=\"text\">";
var html=""
for(int i=0;i<3;i++){
html+=input;
}
然后把该HTML赋值到页面显示的弹出层
例如:$("#弹出层ID").html(html);
之后通过for循环 createElement 和appendChild创建节点添加到对应的元素上试试
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<style type="text/css">
</style>
</head>
<body>
<div>
需要的层级:<input type="text" id="num" />
<input type="button" id="ok" value="确定" />
</div>
<div id="can" style="border:1px solid #CCC; display:none; width:300px;"></div>
<input type="button" id="submit" value="submit" />
<div id="show"></div>
</body>
</html>
<script type="text/javascript" src="../jquery-1.8.0.js"></script>
<script type="text/javascript">
$(function(){
$("#ok").bind("click", function(){
var num = parseInt($("#num").val());
var html = '';
for(var i=0; i<num; i++){
html += '<input type="text" /><br/>';
}
$("#can").html(html).css('display', 'block');
})
$("#submit").bind("click", function(){
var input = $("#can input:text");
var html = '';
for(var i=0, t=input.length; i<t; i++){
html += input[i].value+'; ';
}
$("#show").html(html);
})
})
</script>