请教各位大侠,用什么样的方式可以实现每次增加的input输入框自动填充相同的数据?多谢各位指点<html>
<head>
<title> Test </title>
<script>
var i=1;
function continueAdd()
{
document.getElementById("shuruquyu").innerHTML+= "<br/> 预警指标"+i+ ": <input type=\"text\" name=\"WARN_INDEX_NAME\"> ";
document.getElementById("shuruquyu").innerHTML+= "<td> 预警阀值"+i+ ": <input type=\"text\" name=\"WARN_FZ\"></td>";
document.getElementById("shuruquyu").innerHTML+= "<td> 波动率"+i+ ": <input type=\"text\" name=\"WARN_WAVE\"></td>";
i++;
}
</script>
</head>
<body>
<input type= "button" value= "继续添加 " onclick= "continueAdd();">
<div id= "shuruquyu">
<tr>
<td>指标1: <input type= "text" name= "WARN_INDEX_NAME" ></td>
<td>阀值1<input type= "text" name= "WARN_FZ"></td>
<td>波动率1<input type= "text" name= "WARN_WAVE"></td>
</tr>
</div>
</body>
</html>
<head>
<title> Test </title>
<script>
var i=1;
function continueAdd()
{
document.getElementById("shuruquyu").innerHTML+= "<br/> 预警指标"+i+ ": <input type=\"text\" name=\"WARN_INDEX_NAME\"> ";
document.getElementById("shuruquyu").innerHTML+= "<td> 预警阀值"+i+ ": <input type=\"text\" name=\"WARN_FZ\"></td>";
document.getElementById("shuruquyu").innerHTML+= "<td> 波动率"+i+ ": <input type=\"text\" name=\"WARN_WAVE\"></td>";
i++;
}
</script>
</head>
<body>
<input type= "button" value= "继续添加 " onclick= "continueAdd();">
<div id= "shuruquyu">
<tr>
<td>指标1: <input type= "text" name= "WARN_INDEX_NAME" ></td>
<td>阀值1<input type= "text" name= "WARN_FZ"></td>
<td>波动率1<input type= "text" name= "WARN_WAVE"></td>
</tr>
</div>
</body>
</html>
你 js 又:
innerHTML+= "<br/> 预警指标
这让浏览器怎么解析呢?
自动填充相同的数据 : 只需设置一下 value 就可以了!没看明白你的布局!所以就不上代码了
<head>
<title>theforever's sample</title>
<META NAME="Generator" CONTENT="textEditor">
<META NAME="Author" CONTENT="[email protected],碧海情天,赵亮">
<meta http-equiv="blog" content="blog.csdn.net/theforever">
<script>
var i=1;
function continueAdd()
{
document.getElementById("shuruquyu").innerHTML+= "<br/> 预警指标"+i+ ": <input type=\"text\" name=\"WARN_INDEX_NAME\" value='"+document.getElementsByName('WARN_INDEX_NAME')[document.getElementsByName('WARN_INDEX_NAME').length-1].value+"'> ";
document.getElementById("shuruquyu").innerHTML+= "预警阀值"+i+ ": <input type=\"text\" name=\"WARN_FZ\" value='"+document.getElementsByName('WARN_FZ')[document.getElementsByName('WARN_FZ').length-1].value+"'>";
document.getElementById("shuruquyu").innerHTML+= "波动率"+i+ ": <input type=\"text\" name=\"WARN_WAVE\" value='"+document.getElementsByName('WARN_WAVE')[document.getElementsByName('WARN_WAVE').length-1].value+"'>";
i++;
}
</script>
</head>
<body>
<input type= "button" value= "继续添加 " onclick= "continueAdd();">
<div id= "shuruquyu">
指标1: <input type= "text" name= "WARN_INDEX_NAME" ></td>
阀值1<input type= "text" name= "WARN_FZ"></td>
波动率1<input type= "text" name= "WARN_WAVE"></td>
</div>
</body>
</html>
<head>
<title>theforever's sample</title>
<META NAME="Generator" CONTENT="textEditor">
<META NAME="Author" CONTENT="[email protected],碧海情天,赵亮">
<meta http-equiv="blog" content="blog.csdn.net/theforever">
<script>
var i=1;
function continueAdd()
{
document.getElementById("shuruquyu").innerHTML+= "<br/> 预警指标"+i+ ": <input type=\"text\" name=\"WARN_INDEX_NAME\" value='"+document.getElementsByName('WARN_INDEX_NAME')[document.getElementsByName('WARN_INDEX_NAME').length-1].value+"'> ";
document.getElementById("shuruquyu").innerHTML+= "预警阀值"+i+ ": <input type=\"text\" name=\"WARN_FZ\" value='"+document.getElementsByName('WARN_FZ')[document.getElementsByName('WARN_FZ').length-1].value+"'>";
document.getElementById("shuruquyu").innerHTML+= "波动率"+i+ ": <input type=\"text\" name=\"WARN_WAVE\" value='"+document.getElementsByName('WARN_WAVE')[document.getElementsByName('WARN_WAVE').length-1].value+"'>";
i++;
}
</script>
</head>
<body>
<input type= "button" value= "继续添加 " onclick= "continueAdd();">
<div id= "shuruquyu">
指标1: <input type= "text" name= "WARN_INDEX_NAME" >
阀值1<input type= "text" name= "WARN_FZ">
波动率1<input type= "text" name= "WARN_WAVE">
</div>
</body>
</html>
<html>
<head>
<title>theforever's sample</title>
<META NAME="Generator" CONTENT="textEditor">
<META NAME="Author" CONTENT="[email protected],碧海情天,赵亮">
<meta http-equiv="blog" content="blog.csdn.net/theforever">
<script>
var i=1;
function continueAdd()
{
i++;
document.getElementById("shuruquyu").innerHTML+= "<br/> 预警指标"+i+ ": <input type=\"text\" name=\"WARN_INDEX_NAME\" value='"+document.getElementsByName('WARN_INDEX_NAME')[document.getElementsByName('WARN_INDEX_NAME').length-1].value+"'> ";
document.getElementById("shuruquyu").innerHTML+= "预警阀值"+i+ ": <input type=\"text\" name=\"WARN_FZ\" value='"+document.getElementsByName('WARN_FZ')[document.getElementsByName('WARN_FZ').length-1].value+"'>";
document.getElementById("shuruquyu").innerHTML+= "波动率"+i+ ": <input type=\"text\" name=\"WARN_WAVE\" value='"+document.getElementsByName('WARN_WAVE')[document.getElementsByName('WARN_WAVE').length-1].value+"'>";
}
</script>
</head>
<body>
<input type= "button" value= "继续添加 " onclick= "continueAdd();">
<div id= "shuruquyu">
预警指标1: <input type= "text" name= "WARN_INDEX_NAME" >
阀值1<input type= "text" name= "WARN_FZ">
波动率1<input type= "text" name= "WARN_WAVE">
</div>
</body>
</html>