87,997
社区成员
发帖
与我相关
我的任务
分享求助,PHP里面的JAVASCRIPT的问题
我有一个可动态添加的<tr>里面有一个下拉列表,还有一个文本框,我要实现的是选中下拉列表里的值后,文本框里的值会相应变化,请问这个怎么实现,关键是因为动态增减的TR,我不知道怎么定位
...全文
请发表友善的回复…
发表回复
lingy 2004-10-20
- 打赏
- 举报
meizz能不能麻烦写个具体的例子吗,先谢谢了
meizz 2004-10-20
- 打赏
- 举报
<select onchange="mm(this)">
取到 this 即这个select 后用 parentElement 取到上层对象, TD, 再向上取到 tr
然后用 tr.cells[index]取到文本框所在的TD 用children[0]取到文本框, 然后再赋值
取到 this 即这个select 后用 parentElement 取到上层对象, TD, 再向上取到 tr
然后用 tr.cells[index]取到文本框所在的TD 用children[0]取到文本框, 然后再赋值
lingy 2004-10-20
- 打赏
- 举报
再次感谢
lingy 2004-10-20
- 打赏
- 举报
万分感谢meizz,加分结贴
meizz 2004-10-20
- 打赏
- 举报
<input type=button value=add onclick="add()">
<br><table id=mm border=1></table>
<SCRIPT LANGUAGE="JavaScript">
function add()
{
var tr = mm.insertRow();
var td = tr.insertCell();
td.innerHTML = "<select onchange='change(this)'><option>111</option><option>222</option></select>";
td = tr.insertCell();
td.innerHTML = "<input value=111>";
}
function change(e)
{
var tr = e.parentElement.parentElement;
var td = tr.cells[1];
var input = td.children[0];
input.value = e.options[e.selectedIndex].text;
}
</SCRIPT>
<br><table id=mm border=1></table>
<SCRIPT LANGUAGE="JavaScript">
function add()
{
var tr = mm.insertRow();
var td = tr.insertCell();
td.innerHTML = "<select onchange='change(this)'><option>111</option><option>222</option></select>";
td = tr.insertCell();
td.innerHTML = "<input value=111>";
}
function change(e)
{
var tr = e.parentElement.parentElement;
var td = tr.cells[1];
var input = td.children[0];
input.value = e.options[e.selectedIndex].text;
}
</SCRIPT>
