我現(xiàn)在是這樣的
我有三個(gè)文本框,我想每個(gè)里面瀏覽者一輸入文字,在表的表格里馬上就自動(dòng)顯示出來(lái)這個(gè)文本框輸入的內(nèi)容,有高手指教
這個(gè)很簡(jiǎn)單,先說(shuō)一下實(shí)現(xiàn)的原理:利用 JavaScript實(shí)現(xiàn)表單的實(shí)時(shí)互動(dòng)。 再簡(jiǎn)單介紹實(shí)現(xiàn)的過(guò)程:先給<body>標(biāo)簽的屬性onload屬性設(shè)置一個(gè)值,連接到相應(yīng)的JavaScript函數(shù),JavaScript函數(shù)將文本框中的內(nèi)容通過(guò)innerHTML實(shí)時(shí)傳遞到對(duì)應(yīng)ID的表格中的<td></td>標(biāo)簽對(duì)中,便實(shí)現(xiàn)了你所要的效果。
下面就給你寫下具體的代碼: (復(fù)制粘貼到一個(gè)TXT文檔中,將后綴名改為htm就可以)
<script language="javascript">
function chk()
{
setTimeout("chk()",100);
text1.innerHTML = form1.t1.value;
text2.innerHTML = form1.t2.value;
text3.innerHTML = form1.t3.value;
}
</script>
<body onload="chk()">
<form name="form1">
<textarea name="t1"></textarea><br />
<textarea name="t2"></textarea><br />
<textarea name="t3"></textarea><br />
</form>
<table border="1" width="200" style="border-collapse: collapse" bordercolor="#008000">
<tr height="100px">
<td id="text1"></td>
</tr>
<tr height="100px">
<td id="text2"></td>
</tr>
<tr height="100px">
<td id="text3"></td>
</tr>
</table>
</body>