少年阿賓

          那些青春的歲月

            BlogJava :: 首頁(yè) :: 聯(lián)系 :: 聚合  :: 管理
            500 Posts :: 0 Stories :: 135 Comments :: 0 Trackbacks

          我現(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>
          posted on 2011-12-19 13:46 abin 閱讀(637) 評(píng)論(1)  編輯  收藏

          Feedback

          # re: JS:表單輸出自動(dòng)顯示在表格里 2013-04-06 22:40 答復(fù)
          等等  回復(fù)  更多評(píng)論
            


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 兴化市| 甘谷县| 平邑县| 阳西县| 邵东县| 大港区| 什邡市| 博兴县| 乌恰县| 舒城县| 昭通市| 芷江| 托里县| 秦皇岛市| 隆安县| 延安市| 从江县| 湘乡市| 涪陵区| 琼海市| 郴州市| 镇江市| 紫阳县| 桑植县| 怀仁县| 贵阳市| 平邑县| 乳源| 丹棱县| 德庆县| 依安县| 武定县| 太湖县| 山丹县| 大安市| 济宁市| 马公市| 建昌县| 公安县| 达州市| 丹寨县|