Jquery无法在表单中的div之前添加此元素

时间:2014-05-28 19:37:56

标签: javascript jquery html

我一直在使用jquery向静态表单添加元素。当我点击提交时没有任何反应。有趣的是,当我用click事件替换提交事件时,我得到了flash的问候,但它在鼠标释放时消失了

<script>
$(function(){
    var addpiece = $("<p>hello</p>");
    $("#testbutton").submit(function(){
        $("#beforediv").before(addpiece);
    });
}
)  
</script>

<body>

   <div>
     <form>
      <input type="submit" id="testbutton" value="put it before" />
      <br />
      <div id="beforediv">
          <p>put before this</p>
     </div>

     </form>

    </div>
 </body>

1 个答案:

答案 0 :(得分:2)

使用此代码:

$(function(){
    var addpiece = $("<p>hello</p>");
    $("form").submit(function(){
        $("#beforediv").before(addpiece);
    });
});

要处理提交表单,您应使用$('form_element').submit()代替$('submitElement').submit(),因为您提交了表单,而不是按钮