jsp页面中js 代码<script type="text/javascript">
// javascript 动态添加 input type="text"
var i = 1;
function addFile(dvID, inputNamePrefix,bigNum)
{
var dv = document.getElementById(dvID);
var file = document.createElement("input");
file.type = "text";
file.size = "60";
file.id =file.name = inputNamePrefix ;
dv.appendChild(file);
var dv = document.getElementById(dvID);
var fileTemp = document.createElement("input");
fileTemp.type = "text";
fileTemp.size = "5";
fileTemp.id =fileTemp.name = bigNum ;
//ssfileTemp.name = bigNum;
dv.appendChild(fileTemp);
var btn = document.createElement("input");
btn.type = "button";
btn.id ="btn"+ i;
btn.name = "btn";
btn.value = "删除" ;
btn.onclick = function() {
var b = document.getElementById(btn.id);
dv.removeChild(b.nextSibling); //remove <BR>
dv.removeChild(b.previousSibling.previousSibling); //remove <BR>
dv.removeChild(b.previousSibling); //file
dv.removeChild(b); //btn
}
dv.appendChild(btn);
dv.appendChild(document.createElement("BR"));
i++;
}
jsp代码
<table width="95%" border="0" cellpadding="0" cellspacing="1" class="biaogeys4_1">
<tr>
<td align="right" class="biaogeys4" width="20%" rowspan="2"><font color=red>*</font>栏目名称(分数):</td>
<td align="left" valign="middle" class="biaogeys4" >
<font color=red>*</font>栏目名称(分数)
<font color=red>*</font> 最大分数
</td>
</tr>
<tr>
<td align="left" valign="middle" class="biaogeys4" colspan="3">
<input type="hidden" name="vote_title" id="vote_title">
<input type="hidden" name="vote_oldNum" id="vote_oldNum">
<div id="dvTitles"></div>
<input type="button" value="添加单个栏目" onclick="addFile('dvTitles','filedd','bigNum')">
<!-- onclick="check_file()" -->
</td>
</tr>
</table>问题是:页面中可以实现可控制input个数,但后期如何取可控制的input的name,因为这个name是可变的, 请各位大侠帮吗解答一下。
// javascript 动态添加 input type="text"
var i = 1;
function addFile(dvID, inputNamePrefix,bigNum)
{
var dv = document.getElementById(dvID);
var file = document.createElement("input");
file.type = "text";
file.size = "60";
file.id =file.name = inputNamePrefix ;
dv.appendChild(file);
var dv = document.getElementById(dvID);
var fileTemp = document.createElement("input");
fileTemp.type = "text";
fileTemp.size = "5";
fileTemp.id =fileTemp.name = bigNum ;
//ssfileTemp.name = bigNum;
dv.appendChild(fileTemp);
var btn = document.createElement("input");
btn.type = "button";
btn.id ="btn"+ i;
btn.name = "btn";
btn.value = "删除" ;
btn.onclick = function() {
var b = document.getElementById(btn.id);
dv.removeChild(b.nextSibling); //remove <BR>
dv.removeChild(b.previousSibling.previousSibling); //remove <BR>
dv.removeChild(b.previousSibling); //file
dv.removeChild(b); //btn
}
dv.appendChild(btn);
dv.appendChild(document.createElement("BR"));
i++;
}
jsp代码
<table width="95%" border="0" cellpadding="0" cellspacing="1" class="biaogeys4_1">
<tr>
<td align="right" class="biaogeys4" width="20%" rowspan="2"><font color=red>*</font>栏目名称(分数):</td>
<td align="left" valign="middle" class="biaogeys4" >
<font color=red>*</font>栏目名称(分数)
<font color=red>*</font> 最大分数
</td>
</tr>
<tr>
<td align="left" valign="middle" class="biaogeys4" colspan="3">
<input type="hidden" name="vote_title" id="vote_title">
<input type="hidden" name="vote_oldNum" id="vote_oldNum">
<div id="dvTitles"></div>
<input type="button" value="添加单个栏目" onclick="addFile('dvTitles','filedd','bigNum')">
<!-- onclick="check_file()" -->
</td>
</tr>
</table>问题是:页面中可以实现可控制input个数,但后期如何取可控制的input的name,因为这个name是可变的, 请各位大侠帮吗解答一下。
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货