日期:2014-05-18  浏览次数:20882 次

【高分急求】如何用js往一个已经做好的表格里面写值啊
事情是这样的   有一个下拉菜单   比如有a   b   c这三个值   现在我选择了某一个   比如a
然后我希望把这个a同步更新到我的本页面下的一个表格中
这个表格是这样的
<table>
<tr> <td> 要更新的值 </td> </tr>
</table>
就是这样的   第一次load本页面的时候有个默认的值
然后下拉移动这个值就根我的需求进行变化

------解决方案--------------------
这样的话,可以利用dom来做,对这个td设定一个id值,然后利用JavaScript来操作dom实现对td里面的值的改变
------解决方案--------------------
<table id = 'test ' border= '1 '>
<tr> <td> 111 </td> <td> 111 </td> </tr>
<tr> <td> 222 </td> <td> 222 </td> </tr>
<tr> <td> 333 </td> <td> 333 </td> </tr>
</table>
<input type= 'button ' onclick= 'setValue() ' value= 'set table value '>

<script>
function setValue(){
table = document.getElementById( 'test ');
table.rows(1).cells(0).innerHTML = "test ";
}
</script>
------解决方案--------------------
我的建议:
js控制select ,通过onchange事件 得到select的value,传递给action,action中通过传递的value进行数据库操作,然后返回给页面。

------解决方案--------------------
<table id= "t1 " name=...>
</table>

function set1()
{
var table1 = document.getElementbyID( "t1 "); //按ID获取表格
for(var i=0;i <table1.rows.length;i++)
{
if(i!=...) //“...”表示要写入的单元格行数
continue;
for(var j=0;j <table1.rows[i].cells.length;j++)
{
if(j!=...) //“...”表示要写入的单元格列数
continue;
else
table1.rows[i].cells[j].innerHTML=...; //“...”要从你的下拉菜单中获取,方法类似上面,我不记得了
}
}
}

差不多就这么回事吧
------解决方案--------------------
<table>
<tr> <td id= "t "> default </td> </tr>
</table>
<select onchange= "document.getElementById( 't ').innerText=this.options[selectedIndex].text ">
<option> a </option>
<option> b </option>
<option> c </option>
</option>
------解决方案--------------------
<script>
function update(){
var select = document.getElementById( 'sel ');
document.getElementById( 'updateRegion ').innerHTML=select.options[select.selectedIndex].value
}
</script>
<select id= 'sel ' onchange=update()>
<option value= '1 '> 1 </option>
<option value= '2 '> 2 </option>
<option value= '3 '> 3 </option>
</select>
<table>
<tr>
<td id= 'updateRegion '> 更新区域 </td>
</table>
------解决方案--------------------
楼上的应该可以