我現(xiàn)在是這樣的
我有三個文本框,我想每個里面瀏覽者一輸入文字,在表的表格里馬上就自動顯示出來這個文本框輸入的內(nèi)容,有高手指教
這個很簡單,先說一下實現(xiàn)的原理:利用 JavaScript實現(xiàn)表單的實時互動。 再簡單介紹實現(xiàn)的過程:先給<body>標簽的屬性onload屬性設(shè)置一個值,連接到相應的JavaScript函數(shù),JavaScript函數(shù)將文本框中的內(nèi)容通過innerHTML實時傳遞到對應ID的表格中的<td></td>標簽對中,便實現(xiàn)了你所要的效果。
下面就給你寫下具體的代碼: (復制粘貼到一個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>