0

ボタンのクリック時にテキストボックスを動的に追加するために使用する次のコードがあります。できます。

<div id="forms" name="forms">
  <input name="winner[]" type="text" id="tag" size="20"/><br/>
</div>
<input type="button" name="addmore" id="addmore" value="Add More Winners" onclick="addForm()"/>

上記のコードの JavaScript は次のとおりです。

function addForm() {
    $("#forms").append(
            "<input type ='text' class='winner' name='winner[]'><br/>");

    $(".winner").autocomplete("autocomplete.php", {
    selectFirst: true
    });
}

テキストボックスのデータベースからデータを取得するためにオートコンプリートを使用しています

私が欲しいのは、ユーザーが勝者の追加ボタンをクリックしてもテキストボックスにデータを追加したくない場合、余分なテキストボックスを削除するボタンを彼に与える必要があるとします。このために JavaScript をどのように記述する必要がありますか?

上記のコードを参照してください

4

4 に答える 4

1

以下のコードを使用するだけです。

   $("#forms").append("<p><input type ='text' class='winner' name='winner[]' ><button onclick='$(this).parent().remove()'>delete</button></p>");
于 2013-10-03T05:47:31.447 に答える
0

必要に応じて、テキスト ボックスを動的に追加する際に削除ボタンを追加して、テキスト ボックスを削除してみてください。

これがhtmlコードです

    <div id="forms" name="forms">
      <input name="winner[]" type="text" id="tag" size="20"/><br/>
    </div>
    <input type="button" name="addmore" id="addmore" value="Add More Winners" />

ここにjQueryコードがあります

    $('#addmore').click(function () {
        $('#forms').append('<input type ="text" class="winner" name="winner[]"><input type="button" onclick="$(this).prev().remove();$(this).remove();">');
    });

ここにデモがあります

于 2013-10-03T06:03:35.120 に答える
0

この機能を試してみてください。

function removeElement()
{
if(intTextBox != 0)
{
var contentID = document.getElementById('content');
contentID.removeChild(document.getElementById('strText'+intTextBox));
intTextBox = intTextBox-1;
}
}
于 2013-10-03T05:29:01.493 に答える