jsの異なる関数で呼び出された2つ以上の同じ名前のPHP

Question

私は同じページに2つのフォームを持っています.nは2つのフォームが同じ名前を持っています。 EX用 ：

<div class="form-group"> 
        <label for="supplier">Email</label> 
        <input type="text" name="email" class="form-control" id="email" placeholder="Email"> 
        <small id="pelem-error">Masukkan email supplier</small> 
       </div> 

と

<div class="form-group"> 
        <label for="customer">Email</label> 
        <input type="text" name="email" class="form-control" id="email" placeholder="Email"> 
        <small id="pelem-error">Masukkan email customer</small> 
       </div> 

この2入力の両方に同じ名前を "メール" を持っているが、私は別のテーブル jsのためにそれ以来、さまざまな機能でそれを呼びたい：

$("#form_supplier").on("submit",function(){ 
var email_supplier = $("#email").val(); 

および

$("#form_customer").on("submit",function(){ 
var email_customer= $("#email").val(); 

お客様からのメールがサプライヤーフォームで呼び出されました.jsのフォーム顧客のメールとも呼ばれる方法はありますか？ plsヘルプ、thx！

Answer 1

問題は、すべてのhtml要素IDが適切な予想動作が発生するためには一意でなければならないということです（そうでない場合は、DOMで最初に見つかったID、理由によっては最後のIDが必要になります）。あなたがidユニークなあなたの要素を作ることができない場合

、あなたは次のようにそれらを参照することができます。

$("#form_supplier").on("submit",function(){ 
    var email_supplier = $("input[name='email']",$(this)).val(); 
}); 
$("#form_customer").on("submit",function(){ 
    var email_customer = $("input[name='email']",$(this)).val(); 
}); 

：もう一つの方法は以下のようなものを（スコープとしてフォームを使用して）され

$("#form_supplier").on("submit",function(){ 
    var email_supplier = $("#form_supplier input[name='email']").val(); 
}); 
$("#form_customer").on("submit",function(){ 
    var email_customer = $("#form_customer input[name='email']").val(); 
}); 

を

しかし、すべての重複したidの値を削除する必要がありますので、DOMはきれいです。