javascript - 为什么通过input输入的内容点击按钮后没有到表格里面来？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 为什么通过input输入的内容点击按钮后没有到表格里面来？

ringa_lee 2017-04-10 15:55:28

[JavaScript讨论组]

406

序号	姓名	性别	年龄
1	2	3	4

 aa:<input  type="text"  value=""id="ip1"></br>
 bb:<input  type="text"  value=""id="ip2"></br>
 cc:<input  type="text"  value=""id="ip3"></br>
 dd:<input  type="text"  value=""id="ip4">

  var  btn=document.getElementsByTagName('button')[0];
     var $name=$('#ip1').val();
     var $type=$('#ip2').val();
     var $des=$('#ip3').val();
     var $he=$('#ip4').val();   
           
 btn.onclick=function(){

 var td1 = $("<td>"+name+"</td>");
 var td2 = $("<td>"+type+"</td>");
/*td2.data("myType", en.type); // 保存数据
/绑定事件
td2.click(function(){
    window.open("pop?type=" + $(this).data("myType"));
     });  */
     var td3 = $("<td>"+des+"</td>");
     var td4=$("<td>"+he+"</td>")
     var tr= $("<tr></tr>");
    tr.append(td1);
    tr.append(td2);
    tr.append(td3);
    tr.append(td4);
    $("tbody").append(tr);  }

}

</script>

ringa_lee

全部回复(1)

PHP中文网2017-04-10 15:57:28 1楼

你写的js有问题，引入jquery库，这样试试

$(document).ready(function(){
    $(document).on("click", "button", function() {
        var name = $('#ip1').val();
        var type = $('#ip2').val();
        var des = $('#ip3').val();
        var he = $('#ip4').val(); 
        var tr = "<tr><td>" + name + "</td><td>" + type + "</td><td>" + des+ "</td><td>" + he + "</td></tr>";
        $("tbody").append(tr); 
    });
});

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>