少年阿賓

          那些青春的歲月

            BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
            500 Posts :: 0 Stories :: 135 Comments :: 0 Trackbacks

          我現在是這樣的
          我有三個文本框,我想每個里面瀏覽者一輸入文字,在表的表格里馬上就自動顯示出來這個文本框輸入的內容,有高手指教


          這個很簡單,先說一下實現的原理:利用 JavaScript實現表單的實時互動。 再簡單介紹實現的過程:先給<body>標簽的屬性onload屬性設置一個值,連接到相應的JavaScript函數,JavaScript函數將文本框中的內容通過innerHTML實時傳遞到對應ID的表格中的<td></td>標簽對中,便實現了你所要的效果。 

          下面就給你寫下具體的代碼: (復制粘貼到一個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) 評論(1)  編輯  收藏

          Feedback

          # re: JS:表單輸出自動顯示在表格里 2013-04-06 22:40 答復
          等等  回復  更多評論
            


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 新邵县| 织金县| 和平县| 贵定县| 胶州市| 耿马| 嘉鱼县| 辽宁省| 鹤庆县| 绍兴市| 武陟县| 淳安县| 焦作市| 崇明县| 日土县| 云龙县| 望谟县| 巨野县| 沂源县| 台安县| 积石山| 澳门| 扎兰屯市| 加查县| 宁陵县| 正宁县| 治县。| 赞皇县| 桐梓县| 建湖县| 陇西县| 凌源市| 中牟县| 通江县| 廊坊市| 嘉黎县| 阿克陶县| 通河县| 从化市| 伽师县| 密云县|