weixin_33713350 2016-10-29 03:02 采纳率: 0%
浏览 61

HTML将用户输入发送到TD

When I gave an input(text) in the textfield and the text that i input is appearing in TD and then its always gone.

first_name is the userinput

f1 is the td

function ajax_post(){
    var fn = document.getElementById("first_name").value;                                
    var table = $("#f1");
   table.text(fn);
 }

my submit button

  <input name="myBtn" type="submit" value="Submit Data" onClick="ajax_post();">

i'm using <form> </form>

i'm wondering that my script is kinda wrong

  • 写回答

1条回答 默认 最新

  • weixin_33737774 2016-10-29 03:13
    关注

    function ajax_post(){
      var fn = document.getElementById("first_name").value;
      var table = document.getElementById("f1");
      table.innerText = fn;
     }
    <!DOCTYPE html>
    <html>
    
      <head>
        <link rel="stylesheet" href="style.css">
        <script src="script.js"></script>
      </head>
    
      <body>
        <form onsubmit="return false;">
          <input type="text" id="first_name" />
          <input name="myBtn" type="submit" value="Submit Data" onClick="ajax_post();">
        </form>
        
        <table>
          <tr>
            <td id="f1"></td>
          </tr>
        </table>
      </body>
    
    </html>

    </div>
    
    评论

报告相同问题?

悬赏问题

  • ¥15 求解 yolo算法问题
  • ¥15 虚拟机打包apk出现错误
  • ¥30 最小化遗憾贪心算法上界
  • ¥15 用visual studi code完成html页面
  • ¥15 聚类分析或者python进行数据分析
  • ¥15 逻辑谓词和消解原理的运用
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js,页面2返回页面1时定位进入的设备
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。