1

ねえ、みんな、昨日これを尋ねようとしたんだけど、自分自身を明確に、または簡単に説明できなかったんだ。

テーブルに設定されたフォームがあります。ユーザーは、必要に応じて新しい行 (およびその他のフォーム要素) を追加できます。このフォームの各行には、個別の選択ボックスと対応するサブカテゴリの選択ボックスが必要です。

だから基本的に...

名前 |
xxxxxx を選択| [カテゴリ選択] [サブカテゴリ選択]
xxxxxx | [カテゴリ選択] [サブカテゴリ選択]
xxxxxx | 【カテゴリー選択】 【サブカテゴリー選択】

あなたはアイデアを得る。:)

現在、追加された行には、壊れたバージョンの自動入力があります。

これを機能させる方法に関する提案はありますか?

これは、私が使用している自動入力コードと追加テーブル行コードです。これが誰かの頭を悩ませるのに役立つ場合。誰かがより良いと感じる答えがあれば、喜んですべてを破棄します。

フォーム行を追加/削除できるソリューションの無料のクッキー。:)

// auto populate select code

 $(document).ready(function(){
            $("#selectionresult").hide();

            $("#selection").change( function() {
                $("#selectionresult").hide();
                $("#result").html("Retrieving ...");
                $.ajax({
                    type: "POST",
                    data: "data=" + $(this).val(),
                    url: "include/javascript_population.php",
                    success: function(msg){
                        if (msg != ""){
                            $("#selectionresult").html(msg).show();
                            $("#result").html("");
                        }
                        else{
                            $("#result").html("<em>No item result</em>");
                        }
                    }
                });
            });
        });


// add table row code

  $(document).ready(function() {
        $("#add").click(function() {
          $('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last');

          return false;
        });
    });

    $("#mytable tbody>tr:last").each(function() {this.reset();});

どんな助けでも大歓迎です。前もって感謝します。:)

4

1 に答える 1

1

ID の衝突とイベント バインディングに問題がある可能性があります。live(); を使ってみてください。

DOM 要素を複製して移動すると、イベントのバインドが解除されます。

これを試して：

$("#add").live("click", function() {
$("#selection").live("change", function() {

また、ID が重複しているようです。#selection、#selectionresult などが複製されていないことを確認してください。

于 2010-07-30T16:41:23.910 に答える