foreach内で選択されたフォームを投稿する方法

Question

私はユーザーから選択する必要があるデータがあります。値はforEachで選択されたリスト項目を投稿するフォームでラップされます。

<ul id="results"> 
    <% records.forEach(function(value) { %> 
     <li> 
      <form id="detailsForm" action="/search/detail" method="post"> 
       <div> 
        Employee Id: <%= value.netId %> 
        Name: <%= value.FirstName%> <%= value.LastName %> 
       </div> 
      </form> 
     </li> 
     <% }); %> 
    </ul> 

javascriptのは簡単です：

<script type="text/javascript"> 
    $("#results").on('click', 'li', function() { 
     document.getElementById("detailsForm").submit(); 

    }); 
</script> 

問題はレコードが選択されているに関係なく、最初の結果は、常にポストに渡されたものであることです。フォーム名はforEachで同じなので、意味があります。

document.getElementById("detailsForm").submit(); 

クリックしたリスト項目のみを投稿するには、より良い方法が必要です。私は別のやり方で$（this）.text（）を取得しようと考えましたが、空白とキャリッジリターンがあります（明確には示されていません）。本当にデータをシリアル化する必要があります。

Answer 1

あなたの問題はループ内でidを使用していると想像できます。 idはページ上で一意である必要があります。生成されたHTMLには、同じIDを持つ複数のフォームが含まれている可能性があります。したがって、JavaScript getElementByIdでは、常に最初の文字を取得します。

EDIT： したがって、フォーム要素のIDを削除してください。 そのようなJavaScriptを変更してください：

$("#results").on('click', 'form', function() { 
     $(this).submit(); 
});