1

私はajaxが初めてです。

私はindex.htmlを持っています

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
  $("button").click(function(){
    $.ajax({url:"n.php",success:function(result){
      $("#div1").append(result);
    }});
  });
});
</script>

<div id="div1" style="margin-left: 25;"></div>
<button>Add Author</button>

デモ.php

Name:<input type="text" name="txtname">
age:<input type="text" name="txtage">

上記のコードは、ページを更新せずに [著者の追加] ボタンをクリックすると、index.html ページに名前と年齢のテキスト ボックスを追加します。

ここで、別のボタン「作成者を削除」を配置し、正反対のアクション (つまり、以前に追加された名前と年齢のテキストボックスを削除) を実行したいと考えています。

これを行う方法がわかりません。このような方法で可能ですか $("#div1").(result);

事前にサンクス。

4

3 に答える 3

1

これを試してみてください

      <div id="div1" style="margin-left: 25;"></div>
      <button id="addAuthor">Add Author</button>
      <button id="removeAuthor">Remove Author</button>


 <script>
      $(document).ready(function(){

        $("#addAuthor").click(function(e){
         e.preventDefault();
         $.ajax({url:"n.php",success:function(result){
         $("#div1").html(result);
            }});
        });

        $("#removeAuthor").click(function(e){
               e.preventDefault();
               var lastNode = $("#div1").children().last();
               lastNode.prev().remove();
               lastNode.remove();
         });
      });
 </script>
于 2013-04-05T04:58:22.070 に答える
0

$("#div1").empty()divを空にすることができます。それはあなたが必要とするものですか?

于 2013-04-05T04:31:17.793 に答える