php - 動的に追加されたセレクト ボックスが投稿されていない

Question

$.ajax({
        type: "POST",
        url: "add_secondary_interest.php",
        data: "interest=ok", 
        cache: false,
        success: function(html){
            $('#interest_table tr:last').after(html);
        }
});

ajaxレスポンスはこれ

<select name="test[]">                                            
<option value='7'>abc</option>
<option value='1'>xyz</option>
</select>

しかし、フォームを投稿すると、この動的選択ボックスは投稿されません。

Answer 1

簡単に言えば、jQuery が要素を追加すると、フォーム要素ではなくテーブル要素にバインドされるということです。これを修正するには、DOM をフォームに対して相対的にします。例えば：

$.ajax({
    type: "POST",
    url: "add_secondary_interest.php",
    data: "interest=ok", 
    cache: false,
    success: function(html){
        $('form #interest_table tr:last').after(html); //<<<<<
    }}

Answer 2

現在、選択ボックスを a の内側に配置しますが、 a の内側には<table>配置<td>しないため、表示されません。

Makr<td>は、ajaxリクエストを使用して、既存の新しいものに必ず追加してください。