高分求教---根据下拉框的不同选择，动态添加删除表格行或改变表格项的名称怎么做？

Question

竟然没有人知道吗？
我觉得可能是用innerhtml，但是我不会用！
有人知道怎么做吗？

Answer 1

是啊，大家都哪里去了？都为蓝衣骑士悲伤去了吗？
楼主发了2个小时了，我刚才一直在水园，现在回来看到还没有人回答，希望没有等得太急
<select name=mysel onchange="mytable.all[this.options[this.selectedIndex].value].innerHTML=this.options[this.selectedIndex].text">
<option value=title1>new1
<option value=title2>new2
<option value=title3>new3
<option value=title4>new4
</select>
<table id=mytable>
<tr><td id=title1>old1</td>
<td id=title2>old2</td>
<td id=title3>old3</td>
<td id=title4>old4</td></tr>
<tr><td>11</td><td>12</td><td>13</td><td>14</td></tr>
<tr><td>21</td><td>22</td><td>23</td><td>24</td></tr>
</table>

Answer 2

谢谢你，亲爱的seabell(百合心)。
可是为什么用你写的程序只能一次起作用，再次改变选项就没有用了。
还有如何能动态地增加表格的项目？我本来想判断一下下拉框选择的值，然后利用这个值和document.write,
但是下拉框选择后要刷新（非提交页面），
还是不知道该怎样做。你还有好的办法吗？

Answer 3

谢谢你，亲爱的seabell(百合心)。
可是为什么用你写的程序只能一次起作用，再次改变选项就没有用了。
还有如何能动态地增加表格的项目？我本来想判断一下下拉框选择的值，然后利用这个值和document.write,
但是下拉框选择后是不是要刷新页面？那样值不是就丢失了吗？
还是不知道该怎样做。你还有好的办法吗？

Answer 4

先看看这个改表头如何我要将<select name=mytitle>
<option value=title1>title1
<option value=title2>title2
<option value=title3>title3
<option value=title4>title4
</select>
改为<select name=mysel onchange="mytable.all[document.all.mytitle.options[document.all.mytitle.selectedIndex].value].innerHTML=this.options[this.selectedIndex].text">
<option value=title1>new1
<option value=title2>new2
<option value=title3>new3
<option value=title4>new4
</select>
<table id=mytable>
<tr><td id=title1>old1</td>
<td id=title2>old2</td>
<td id=title3>old3</td>
<td id=title4>old4</td></tr>
<tr><td>11</td><td>12</td><td>13</td><td>14</td></tr>
<tr><td>21</td><td>22</td><td>23</td><td>24</td></tr>
</table>

Answer 5

试试
<script>
function myadd()
{
str=document.all("mytable").outerHTML;
str=str.substring(0,str.length-16);
str+="<tr><td>"+document.all.td1.value+"</td><td>"+document.all.td2.value+"</td><td>"+document.all.td3.value+"</td><td>"+document.all.td4.value+"</td></tr></tbody></table>";
document.all("mytable").outerHTML=str;
}
</script>
title<select name=mysel onchange="mytable.all[this.options[this.selectedIndex].value].innerHTML=this.options[this.selectedIndex].text">
<option value=title1>new1
<option value=title2>new2
<option value=title3>new3
<option value=title4>new4
</select>
<br>td1<select name=td1>
<option value=31>31
<option value=41>41
<option value=51>51
</select>
td2<select name=td2>
<option value=32>32
<option value=42>42
<option value=52>52
</select>
td3<select name=td3>
<option value=33>33
<option value=43>43
<option value=53>53
</select>
td4<select name=td4>
<option value=34>34
<option value=44>44
<option value=54>54
</select>
<input type=button value=addrow onclick="myadd()">
<table id=mytable>
<tr><td id=title1>old1</td>
<td id=title2>old2</td>
<td id=title3>old3</td>
<td id=title4>old4</td></tr>
<tr><td>11</td><td>12</td><td>13</td><td>14</td></tr>
<tr><td>21</td><td>22</td><td>23</td><td>24</td></tr>
</table>