增加文本输入框的JS

增加文本输入框的JS
<html>
<head>
<script type="text/javascript">
var index;
function next(){
if(Validator.Validate(document.getElementById('mobileParamForm'),1)){
collectAttach();
mobileParamForm.submit();
}
}
//提交所有信息
function collectAttach()
{
var trs=ParamConf.rows.length;
var paramName ="";
var paramValue = "";
var description = "";
var paramId = "";
for(i=1;i<trs;i++)
{
inputs = ParamConf.rows[i].getElementsByTagName("input");
for(j=0;j<=3;j++)
{
bb = inputs[j].value;
//参数名称
if(inputs[j].id.indexOf("paramName") != -1){
paramName += bb + ",";
}
//参数值
if(inputs[j].id.indexOf("paramValue") != -1){
paramValue += bb + ",";
}
//描述
if(inputs[j].id.indexOf("description") != -1){
description += bb + ",";
}
if(inputs[j].id == "paramId"){
paramId += bb + ",";
}
}
}

mobileParamForm.paramNames.value=paramName;
mobileParamForm.paramValues.value = paramValue;
mobileParamForm.descriptions.value = description;
mobileParamForm.paramIds.value = paramId;
}

//新增一条参数信息
index = 2;
function addParamConf(){
s1 = "<input class='style1' id='paramName"+index+"' dataType='Require' msg='参数名称不允许为空' type='text' style='width:100%' value=''>";
s2 = "<input class='style1' id='paramValue"+index+"' dataType='Require' msg='参数值不允许为空' type='text' style='width:100%' value=''>";
s3 = "<input class='style1' id='description"+index+"' type='text' style='width:100%' value=''>";
s4 = "<a href=javascript:deleteParamConf('"+index+"')>删除</a>";
s5 = "<input class='style1' id='paramId' type='hidden' style='width:100%' value=''>";
arow = ParamConf.insertRow();
arow.id="ParamConf"+index;
c1 = arow.insertCell();
c1.align="center";
c1.className='td_rb';
c1.innerHTML=s1;

c2 = arow.insertCell();
c2.align="center";
c2.className='td_rb';
c2.innerHTML=s2;

c3 = arow.insertCell();
c3.align="center";
c3.className='td_rb';
c3.innerHTML=s3;

c4 = arow.insertCell();
c4.align="center";
c4.className='td_rb';
c4.innerHTML=s4;


c5 = arow.insertCell();
c5.align="center";
c5.className='td_rb';
c5.innerHTML=s5;

index = index+1;
//window_resize();
//initWindow(true);
}
//删除行
function deleteParamConf(index){
if(window.confirm('确定要删除这条记录吗?')){
ParamConf.deleteRow(document.getElementById("ParamConf"+index).rowIndex);
this.index = this.index - 1;
window_resize();
}
}


</script>


<title>147</title>
</head>
<body>
<table id="ParamConf" name="ParamConf" align="center" width="100%" border="1" style="border-collapse:collapse" bordercolor="#99CCFF" class="style1">
<form name="mobileParamForm" method="post" action="">
<tr align="center">
<td width="25%">id</td>
<td width="25%">名称</td>
<td width="40%">职务</td>
<td width="10%"><a href="javascript:addParamConf();">增加</a></td>
</tr>

<tr id="ParamConf1">
<td><input class='style1' id="paramName1" type="text" style="width:100%" value="的确很黄">
<input type="hidden" id="paramId" value="很黄很暴力"></td>
<td><input class='style1' id="paramValue1" type="text" style="width:100%" value="的确很强大"></td>
<td><input class='style1' id="description1" type="text" style="width:100%" value="很好很强大"></td>
<td align="center"><a href=javascript:deleteParamConf('1')>删除</a></td>
</tr>
</form>
</table>
</body>

</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值