博客年龄:17年1个月
访问:?
文章:14篇

个人描述

姓名:*
职业:**
年龄:**
位置:中国,北京
个性介绍:
*******

当在项目中需要动态的添加输入框时的问题

标签: js   struts  
2007-10-11 15:39 阅读(?)评论(0)

 在做项目时,遇到这样一种情况:由于一个客户可以关联多张卡,就有多个卡号,但页面只提供了一个输入框输入一张卡号.因此需要动态的添加输入框让用户输入更多的卡号.

解决方法:通过使用js的insertAdjacentHTML方法来实现.

1 首先在jsp页面中:<div id="c_input">

2js的实现:

var num=1; //记录增加下拉框的个数
var cardNumber=document.getElementById("cardNumber");
function Add_button(){
c_input.insertAdjacentHTML("beforeEnd","<input id=\"card"+num+"\" ></input>"+"</br>");
   num++;
  }

3 至于将动态添加的数据如何提交.可以这样解决.在jsp页面中插入一个隐藏输入框,当提交时,将2步骤中动态添加的数据连接起来附给隐藏输入框:

function counter(){
var s="";
for(var i=0;i<num;i++){
var mm1="card"+i;

 var value1=document.getElementById(""+mm1).value;
 if(i!=(num-1))
        {s=s+value1+",";} //将各个值之间用","号割开,在action中将他们在取出来
 else{s=s+value1;    }

}
cardNumber.value=s;

return null;
}

 

陳さんは うまくいってる あなたに 分かれた時は しばらくだね 本当に 思う

 

  最后修改于 2007-10-12 08:59    阅读(?)评论(0)
 
表  情:
加载中...
 

请各位遵纪守法并注意语言文明