少年阿賓

          那些青春的歲月

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

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

          Feedback

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


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


          網(wǎng)站導航:
           
          主站蜘蛛池模板: 通化市| 绩溪县| 阿克陶县| 增城市| 德庆县| 石狮市| 社会| 通许县| 望谟县| 林口县| 卢氏县| 龙井市| 年辖:市辖区| 高碑店市| 沅陵县| 徐闻县| 扶绥县| 汉阴县| 牟定县| 那曲县| 永川市| 苏尼特左旗| 正蓝旗| 峨山| 冷水江市| 诸暨市| 张家口市| 定西市| 兰溪市| 晋中市| 綦江县| 长海县| 兴仁县| 通河县| 华蓥市| 新宾| 滨海县| 偃师市| 福泉市| 当雄县| 北辰区|