Różne sposoby ustawiania wartości wejściowej za pomocą funkcji JavaScript

Czasami programiści muszą ustawić wartość danych wejściowych za pomocą funkcji, takiej jak dynamiczne ustawienie wartości wejścia na podstawie wejścia użytkownika, ustawianie wartości domyślnej wejścia podczas ładowania strony i tak dalej. JavaScript oferuje predefiniowane metody lub atrybuty do wykonania określonej operacji.

Ten post opisuje sposoby ustawienia wartości pola wejściowego za pomocą funkcji JavaScript.

Różne sposoby ustawiania wartości wejściowej za pomocą funkcji JavaScript

Aby ustawić wartość wejścia za pomocą funkcji JavaScript, użyj następujących podejść:

• Metoda „setAttribute ()”
• Atrybut „Wartość”

Metoda 1: Ustaw wartość wejścia za pomocą metody „setAttribute ()”

Użyj "setAttribute ()„Metoda ustawiania wartości pola wejściowego. Ta metoda jest wykorzystywana do ustawienia wartości konkretnego atrybutu na elemencie HTML. Wymaga dwóch parametrów, „nazwa”Atrybutu i„wartość" ustawić.

Składnia
Dla metody setAttribute () jest wykorzystywana następująca składnia:

setAttribute („wartość”, wartość);

Tutaj, "wartość”To nazwa atrybutu pola wejściowego i drugiego„wartość”To pożądana wartość do ustalenia dla określonego atrybutu.

Przykład
W pliku HTML utwórz dwa pola wejściowe. Wprowadzi się od użytkownika, aw drugim polu wejściowym wartość wejściowa użytkownika zostanie ustawiona dynamicznie:

Utwórz dwie zmienne ”wartość wejściowa”I„ „ustalić wartość”, Który przechowuje odniesienie obu pól wejściowych za pomocą„getElementById ()" metoda:

var inputValue = Dokument.getElementById („wartość”);
var setValue = Dokument.getElementById („set”);

Wywołać wstępnie zbudowany JavaScript „addEventListener ()”Metoda z polem wejściowym, w którym użytkownik wprowadzi wartość. Następnie zadzwoń do „setAttribute ()„Metoda ustawienia wartości wejścia użytkownika jako wartości drugiego pola wejściowego:

wartość wejściowa.addEventListener („wejście”, () =>
ustalić wartość.setAttribute („wartość”, inputValue.wartość);
);

Można zauważyć, że wartość wprowadzona w pierwszym polu wejściowym jest automatycznie ustawiona w drugim polu wejściowym:

Metoda 2: Ustaw wartość wejścia za pomocą atrybutu „wartość”

Możesz także użyć „wartość„Atrybut do ustawiania wartości wejściowej. Przypisz wartość do atrybutu, który chcesz ustawić.

Składnia
Postępuj zgodnie z podaną składnią dla atrybutu „Wartość”, aby ustawić wartość wejścia:

wejście.wartość = wartość;

Przykład
Ustaw wprowadzoną wartość pierwszego pola wejściowego w drugim polu wejściowym za pomocą „wartość”Atrybut w„addEventListener ()" metoda:

wartość wejściowa.addEventListener („wejście”, () =>
ustalić wartość.wartość = Wymowa InputValue.wartość;
);

Wyjście

Zapewniliśmy wszystkie możliwe rozwiązania do ustawiania wartości wejściowej za pomocą funkcji JavaScript.

Wniosek

Aby ustawić wartość wejścia za pomocą funkcji JavaScript, użyj „setAttribute ()”Metoda lub„wartość" atrybut. Atrybut „Wartość” jest najczęściej stosowanym podejściem do ustawiania wartości wejścia. Ten post opisał sposoby ustawienia wartości pola wejściowego za pomocą funkcji JavaScript.