Unterscheiden Sie zwischen Feld auf Hintergrundseite und auf Formular durch JavaScript?

Question

Ich muss zwischen zwei Feldern (namens ABC) durch JavaScript unterscheiden. Ich habe eine Hauptseite und das Feld ABC erscheint auf dieser, und dann habe ich ein Formular (neuer Inhalt hinzugefügt Dialog), die oben auf dieser Hauptseite erscheint. Jetzt hat das Formular auch das Feld ABC.

Ich möchte etwas mit dem Feld auf dem Formular tun, aber das javaScipt übernimmt das Feld auf der Hintergrundseite.

Bitte jemand, der helfen könnte? Vielen Dank im Voraus.

Answer 1

Fügen Sie entweder dem Feld oder dem Formular ein Datenattribut hinzu.

HTML

<form data-which-form="main"> 
    <input type="text"name="abc"> 
    <input type="submit"> 
</form> 
<form data-which-form="popup"> 
    <input type="text"name="abc"> 
    <input type="submit"> 
</form> 

JS

$(document).on('submit','form',function(e){ 
    if($(this).data('which-form')=='main'){ 
    var mainAbc = $(this).find('input[name=abc]'); 
    } 
    //do stuff 
});