Hogyan kell összefűzni két html input értékét egy mezőbe javascript segítségével?

Question

Szeretném pl. a vezetéknév és a keresztnév mezők értékét összefűzni egy felhasználói név mezőbe úgy, hogy minden változtatásnál az aktuális érték legyen az új mező tartalma (kisbetűvel).

Answer 1

Ha az egyik mező azonosítója new_firstname, a másik pedig new_lastname, a végeredmény pedig a new_username mezőbe kerül, akkor:

$( "#new_firstname" ).on( "change", function() {
new_firstname = $("#new_firstname").val().toLowerCase();
new_lastname = $("#new_lastname").val().toLowerCase();
$( "#new_username" ).val(new_firstname + new_lastname);
});

Ugyanezt a new lastname-re is meg kell határozni, hogy mindkét mező változtatásánál frissüljön a username az aktuális értékre.

Answer 2

Szia Tamás!

Az input mezők értékét a JS segítségével könnyedén ki tudod nyerni, itt egy kis segítség: https://www.w3schools.com/jsref/prop_text_value.asp

Az, hogy mindig kisbetűvel mentse el, az pedig ezzel a módszerrel a legkönyebb elérni: https://www.w3schools.com/jsref/jsref_tolowercase.asp