读书人

struts2 s:select 动态增多

发布时间: 2012-12-21 12:03:49 作者: rapoo

struts2 s:select 动态增加

<td colspan="3"><span  id="spanid">s:select  name="expert.expertBaseSortList[0].expertBaseId" list="expertBaseList" listKey="id" id="selectBase"listValue="name" headerKey="0" headerValue="--请选择--"/></span><a href="#" onclick="addExpertBaseSelect()">增加</a><div id="sortDiv1" style="float: left; width: 440px; height: 0px;  border-width: 2px; "></div></td>

?js代码

var num=1;function addExpertBaseSelect(){  var string = '<img src="${URL_IMAGEPATH}icon_del.gif"  style="cursor:hand;vertical-align: middle" onclick="removeSort('+num+')" alt="struts2 s:select 动态增多"/> ';  var option  = document.getElementById("selectBase").innerHTML;  var str ="";  str+= '<span  id="sortTr' + num + '">'+        '<select id="selectid' + num +'" name="expert.expertBaseSortList[' +num+ '].expertBaseId">'+option+'</select>'+string+        '<br></span>';  num++;  document.getElementById("sortDiv1").innerHTML =document.getElementById("sortDiv1").innerHTML+str;} /** 移除 **/ function removeSort(id) {       $("#sortTr"+id).remove(); }

?

思路:首先讲select 给展示出来,然后利用js代码,把select的所有option拷贝下来,再在js下面拼写一个select,将复制好的option放进去.最后赋值给写好的div

?

解决问题:如果不拷贝上面的option代码,用struts2的标签直接写S:select 代码会出现不能识别S:select标签

读书人网 >编程

热点推荐