Wpisywanie tekstu do formularza JS

pytanie zadane 24 października 2017 w JavaScript przez XYZ1234 Użytkownik (620 p.)

Hej, wpadłem na pomysł, ale jak zawsze już na starcie musiał przywitać mnie problem, na rozwiązanie którego nie mam pomysłu :)

<!DOCTYPE HTML!>
<html lang="pl">
<head> 
<script>
function abc(){

var pole=document.form.niemiec.value;
var przycisk=document.form.umlaut.value;
alert(pole+przycisk);
}

</script>
</head>
<body>
<form id="form" name="form"action="">
<input type="text" name="niemiec">
<input type="button" value ="ä" name="umlaut" onclick="abc()" >
</form>
</body>
</html>

Jest sobie do bólu prosty kod, chciałbym aby po wciśnięciu przycisku w polu tekstowym pojawiała się "wartość" tego przycisku, w sensie, że jak ktoś nie wie jak utworzyć ä,ö etc to po prostu wcisnie przycisk i się np. w połowie wyrazu dopisze owa litera. Jednak nie wiem jak mam je wstawić do tego pola, co ważne żeby nie wyczyściło tego co już zostało tam wpisane

komentarz 24 października 2017 przez ScriptyChris Mędrzec (190,190 p.)

Zapoznaj się z propertisami selectionStart oraz selectionEnd.

1 odpowiedź

odpowiedź 24 października 2017 przez Rapt0r22 Użytkownik (520 p.)
edycja 24 października 2017 przez Rapt0r22

Jeśli chcesz wstawić w miejscu kursora to będzie ciężko. Wystarczy pobrać zawartość do zmiennej, dodać znak o z powrotem wpisać.

function abc() {
var input = document.getElementsByName("niemiec")[0].value;
var nowyTeskt = input  + "ä";

input = nowyTeskt ;
}

komentarz 24 października 2017 przez ScriptyChris Mędrzec (190,190 p.)

document.getElementsByName("niemiec").value

To nie zadziała, ponieważ metoda document.getElementsByName zwraca kolekcję elementów, a nie pojedynczy element. Przed dostaniem się do property value musisz podać jeszcze indeks elementu.