【高分急求】如何用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>
------解决方案--------------------楼上的应该可以