高分寻终极解决方法

高分寻求一个终极解决办法
以下代码是一段asp查询的记录集，点击工号在下面出现了相关的信息。

VBScript code

<%i=1'if RS.recordcount>0 thendo while not RS.eof%>  <tr>    <td align="center" bgcolor="#EEEEEE" onclick="show(<%=i%>)"><%=RS("gid")%></td>    <td align="center" bgcolor="#EEEEEE"><%=RS("pl_name")%></td>    <td align="center" bgcolor="#EEEEEE"><%=RS("pl_money")%></td>    <td align="center" bgcolor="#EEEEEE"><a href="roommember.asp?roomid=<%=RS("pl_room")%>" ><%=RS("pl_room")%></a></td>    <td align="center" bgcolor="#EEEEEE"><%=RS("pl_joindate")%></td>    <td align="center" bgcolor="#EEEEEE"><%=RS("pl_yesdate")%></td>  </tr><tr>    <td colspan="6" bgcolor="#EEEEEE">    <div class="pl_memberinfo"  id=No<%=i%> style="display:none">       <form id="form<%=i%>" name="form<%=i%>" method="post" action="">   <div class="pl_close"><span onclick="noshow(<%=i%>)">×</span></div>    <ul>    <li>      工号：<a id=gh onClick="change();"><%=RS("gid")%></a><a id=gid></a></li>    <li>姓名：<a  id=pl_name><%=RS("pl_name")%></a></li>    <li>性别：<a id=pl_sex><%=RS("pl_sex")%></a></li>    <li>出生日期：<a id=pl_birthday ><%=RS("pl_birthday")%></a></li>    <li>在职：<a id=pl_jobon><%=RS("pl_jobon")%></a></li>    <li>入职日期：<a id=pl_joindate ><%=RS("pl_joindate")%></a></li>    <li>离职日期：<a id=pl_outdate ><%=RS("pl_outdate")%></a></li>    <li>宿舍编号：<a id=pl_room ><%=RS("pl_room")%></a></li>    <li>入住日期：<a id=pl_joinroom ><%=RS("pl_joinroom")%></a></li>    <li>离宿日期：<a id=pl_outroom ><%=RS("pl_outroom")%></a></li>    <li>正式员工：<a id=pl_yes ><%=RS("pl_yes")%></a></li>    <li>转正日期：<a id=pl_yesdate ><%=RS("pl_yesdate")%></a></li>    <li>月薪：<a id=pl_money ><%=RS("pl_money")%></a></li>    <li>天制：<a id=pl_monthday ><%=RS("pl_monthday")%></a></li>    <li>日制：<a  id=pl_dayhour><%=RS("pl_dayhour")%></a></li>    <li >加班费：<a id=pl_overtime><%=RS("pl_overtime")%></a></li>    <li>工资期限：<a  id=pl_moneytime><%=RS("pl_moneytime")%></a></li>    <li>户籍地址：<a id=pl_add ><%=RS("pl_add")%></a></li>    <li>身份证：<a id=pl_code ><%=RS("pl_code")%></a></li>    <li>其它信息：<a  id=pl_info><%=RS("pl_info")%></a></li>    <li><a id="pl_submit" class="pl_submit">   /*点击工号修改职工信息*/    </a> </li>    </ul>          </form>    </div>     </td>  </tr><%i=i+1RS.movenextLoop%>   

我想在下面的详细信息循环页面点击工号，即点击工号：<a id=gh onClick="change();">后，所有的a自动替换成输入框，以下是代码：

JScript code

//文字变输入框效果  function   change()     {     gid.innerHTML=gh.innerText;      gh.innerHTML="";      pl_name.innerHTML=pl_name.innerText.replace(pl_name.innerText,"<input  size='12' type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_name.innerText+">");       pl_sex.innerHTML=pl_sex.innerText.replace(pl_sex.innerText,"<select name='pl_sex' id='pl_sex'><option value='1'>男</option><option value='0'>女</option><option value="+pl_sex.innerText+" selected='selected'>"+pl_sex.innerText+"</option></select>");       pl_birthday.innerHTML=pl_birthday.innerText.replace(pl_birthday.innerText,"<input  size='12' type=text  onClick='WdatePicker()'  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_birthday.innerText+">");       pl_jobon.innerHTML=pl_jobon.innerText.replace(pl_jobon.innerText,"<select name='pl_jobon' id='pl_jobon'><option value='1'>是</option><option value='0'>否</option><option value="+pl_jobon.innerText+" selected='selected'>"+pl_jobon.innerText+"</option></select>");      pl_joindate.innerHTML=pl_joindate.innerText.replace(pl_joindate.innerText,"<input  size='12' type=text  id="+event.srcElement.id+" name="+event.srcElement.id+"  onClick='WdatePicker()' value="+pl_joindate.innerText+">");      pl_outdate.innerHTML=pl_outdate.innerText.replace(pl_outdate.innerText,"<input  size='12' type=text  onClick='WdatePicker()'  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_outdate.innerText+">");      pl_room.innerHTML=pl_room.innerText.replace(pl_room.innerText,"<input  size='12' type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_room.innerText+">");       pl_joinroom.innerHTML=pl_joinroom.innerText.replace(pl_joinroom.innerText,"<input  size='12' type=text  onClick='WdatePicker()'   id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_joinroom.innerText+">");       pl_outroom.innerHTML=pl_outroom.innerText.replace(pl_outroom.innerText,"<input  size='12' type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" onClick='WdatePicker()'  value="+pl_outroom.innerText+">");     pl_yes.innerHTML=pl_yes.innerText.replace(pl_yes.innerText,"<select name='pl_yes' id='pl_yes'><option value='1'>是</option><option value='0'>否</option><option value="+pl_yes.innerText+" selected='selected'>"+pl_yes.innerText+"</option></select>");     pl_yesdate.innerHTML=pl_yesdate.innerText.replace(pl_yesdate.innerText,"<input  size='12' onClick='WdatePicker()'  type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_yesdate.innerText+">");      pl_money.innerHTML=pl_money.innerText.replace(pl_money.innerText,"<input  size='12' type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_money.innerText+">");      pl_monthday.innerHTML=pl_monthday.innerText.replace(pl_monthday.innerText,"<input  size='12' type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_monthday.innerText+">");         pl_dayhour.innerHTML=pl_dayhour.innerText.replace(pl_dayhour.innerText,"<input  size='12' type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_dayhour.innerText+">");           pl_overtime.innerHTML=pl_overtime.innerText.replace(pl_overtime.innerText,"<input  size='12'  type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_overtime.innerText+">");       pl_moneytime.innerHTML=pl_moneytime.innerText.replace(pl_moneytime.innerText,"<input  size='12' onClick='WdatePicker()' type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_moneytime.innerText+">");         pl_add.innerHTML=pl_add.innerText.replace(pl_add.innerText,"<input  size='12' type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_add.innerText+">");           pl_code.innerHTML=pl_code.innerText.replace(pl_code.innerText,"<input  size='12' type=text  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_code.innerText+">");        pl_info.innerHTML=pl_info.innerText.replace(pl_info.innerText,"<textarea cols='25'  id="+event.srcElement.id+" name="+event.srcElement.id+" value="+pl_info.innerText+">");       pl_submit.innerHTML=pl_submit.innerText.replace(pl_submit.innerText,"<input type='submit' name='button' id='button' value='提交' />");          }    
 

问题是：

如果上首段代码中的记录集只有一条的情况下，即没有其它记录集循环，以上代码是完全有效的，如果循环了记录集，那么a的id值就有重复了，以上代码就无效，现在寻求一个终极解决办法，我的想法是通过循环得到<form>的id值，仅更换form的id,即form<%=i%>，但是不明怎么通过后面js的代码获取对应的form的id及其里面的input的值，请指教。



[解决办法]
使用dom

HTML code

  <li>      工号：<a id=gh onClick="change(this);"><%=RS("gid")%></a><a id=gid></a></li>    <li>姓名：<a  id=pl_name><%=RS("pl_name")%></a></li> 

 

查看更多 下一篇