Javascript/jQuery problem - multiple fields

Question

This is my code:

$(document).ready(function() {

$( "#kartyaazonosito" ).on( "focusout", function() {
console.log( $( this ).val() ); // I need the actual input value (from the actual line)
});

$( "#biztonsagikod" ).on( "focusout", function() {
console.log( $( this ).val() );// I need the actual input value (from the actual line)
});

});

1."line":

<input placeholder=" " class="o-input__field" type="text" name="cards[0].code" id="biztonsagikod" />

2."line":


<input placeholder=" " class="o-input__field" type="text" name="cards[1].code" id="biztonsagikod" />

The users can be add more and more "lines". The on focusout works only for the 1. "line". How can I solve that, the focusout works the 2."line", and 3. line, etc..

IDs have to be unique per document, you should use a class instead — empiric
– empiric, Commented Oct 21, 2020 at 9:40
<input class="o-input__field biztonsagikod"... then $(".biztonsagikod").on(... - also assumes they aren't added after your jquery runs (which doesn't appear to be the case as it "works for line 1") — fdomn-m
– fdomn-m, Commented Oct 21, 2020 at 9:43

Misterlen · Accepted Answer · 2020-10-21 10:11:49Z

1

You can declare a common function and put it as onfocusout event instead.

function myFunction(x) {   
     console.log( x.value );
}

<input placeholder=" " class="o-input__field" type="text" name="cards[0].code" onfocusout="myFunction(this)" />
<input placeholder=" " class="o-input__field" type="text" name="cards[1].code" onfocusout="myFunction(this)" />

answered Oct 21, 2020 at 10:11

Misterlen

612 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

szakika10 Over a year ago

Thanks! It's great! :)

Collectives™ on Stack Overflow

Javascript/jQuery problem - multiple fields

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related