JS的click事件输出html 点击一次就消失？ - JavaScript论坛

已结贴√ 问题点数：20 回复次数：6

JS的click事件输出html 点击一次就消失？

<html>
<body>
<script src="jquery.js" type="text/javascript"></script>
<meta charset="utf-8">
<form  method="post">
    <div>
        <span>id: <input type="text" name="id" id="id"/></span>

      <span id="insert"></span></div>
   <div> <input type="submit"  id="btn"/></div>
</form>

</body>
<script type="text/javascript">
    $(function(){

        $("#btn").click(function(){
            val=$("input[name='id']").val();
            $("#insert").html(val);

           // $("#id").after($newlist);
            //alert(val);

        });

    })
</script>
</html>

搜索更多相关主题的帖子: javascript　function　insert　method　

第 2 楼

得分:0

我想把那个值打印出来

第 3 楼

得分:0

document.getElementByID('btn').onclick = function(){
document.getElementByID('insert').innerHTML = document.getElementByID('id').value;
}
这样就搞定了，一定要用jQuery吗？

本来无一物，何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!

第 4 楼

得分:0

当然如果你一定要用Jquery，那就这么写
(function(){
    $("#btn").click(function(){
        $("#insert").html($("#id").val());
    });
})();

你写的val=$("input[name='id']").val();中有两个地方需要吐槽一下
1、val变量一定要用var定义，否则会val就将是全局变量，是非常不好的习惯，这样会和其他代码造成不可预想的冲突，切记切记！
2、input[name='id']少用这样的查找方式，你都定义id属性了，为什么不用？你这样写将会在页面中所有DOM元素（就是标签）中遍历查找，是非常浪费资源的，能够精确定位就少用查找，不是说不能用你这种方式，但是你应该将这种查找定位在一个相对狭小的空间内，比如在<span>id: <input type="text" name="id" id="id"/></span>中给span标签加个id，然后在这个span中查找，会快的多。

本来无一物，何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!

第 5 楼

得分:0

还有个槽点，$(function(){，这句中加什么$符号啊，jQuery中有这样的用法吗？$这个符号是作为css选择器使用的，不是用来定义匿名函数的！

本来无一物，何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!