Jak ustawić wartość ukrytego pola wejściowego za pośrednictwem JavaScript?
Podczas tworzenia formularza lub kwestionariusza może istnieć wymóg przydzielenia wartości wejścia użytkownika do określonego pola. Na przykład dołączenie poufnych wpisów, i.mi., hasło lub kodowana wartość w celu ich wykorzystania. W takich przypadkach ustalenie wartości ukrytego elementu wejściowego za pośrednictwem JavaScript pomaga w zapewnieniu bezpieczeństwa danych.
Ten blog omówi procedurę ustawienia wartości ukrytego pola wejściowego za pośrednictwem JavaScript
Jak ustawić wartość ukrytego pola wejściowego za pośrednictwem JavaScript?
Aby ustawić wartość ukrytego pola wejściowego za pośrednictwem JavaScript, zastosuj poniżej podanie:
- "InnerHtml" nieruchomość.
- "JQuery"
Metoda 1: Ustaw wartość ukrytego elementu za pośrednictwem właściwości InnerHTML
„„InnerHtml„Właściwość zwraca zawartość HTML elementu. Tę właściwość można wykorzystać do ustawiania i dołączania wartości zdefiniowanej przez użytkownika do przydzielonego pola ukrytego.
Składnia:
element.innerHtml = tekst
W powyższej składni „element”Odnosi się do elementu, który należy dołączyć do„tekst" wartość.
Przykład
Przejrzyjmy poniżej podanego przykładu:
W powyższym bloku kodu:
- Po pierwsze, utwórz pole wejściowe o podanych atrybutach.
- „„typ”Atrybut z wartością„ukryty”Oznacza, że jest to ukryte pole.
- Potem „„podpowiedź„Dialogowe pole ma wartość od użytkownika.
- Teraz zastosuj sprawdzenie wartości zdefiniowanej przez użytkownika tak, że nie jest to „zero" używając "Jeśli" stan.
- Na koniec uzyskaj dostęp do ukrytego pola wejściowego przez jego „ID" używając "getElementById ()„Metoda i ustaw na nią wartość zdefiniowaną przez użytkownika za pośrednictwem„InnerHtml" nieruchomość.
- Na koniec wyświetl dodatkową wartość za pomocą alertu.
Wyjście
Jak zaobserwowano, wartość wprowadzania użytkownika jest dołączona do ukrytego pola wejściowego.
Metoda 2: Ustaw wartość ukrytego elementu za pomocą podejścia jQuery
W tym podejściu JQuery's „val ()„Metoda zostanie wykorzystana do przydzielenia wartości pola widzialnego tekstu wejściowego do ukrytego pola wejściowego.
Przykład
Przeglądmy następujący kod:
Wprowadź wartość dla ukrytego elementu
W powyższych wierszach kodu:
- Po pierwsze, dołącz pole tekstowe o podanych atrybutach.
- Podobnie przeznacz kolejne ukryte pole wejściowe, jak wynika z jego „typ" atrybut.
- Dodano tag o konkretnym „ID" atrybut.
- Następnie uwzględnij bibliotekę jQuery z pomocą „src”Atrybut w„”Tag.
- W kodzie JS uzyskaj dostęp do utworzonego przycisku i skojarz „NA()„Metoda z nim, aby wykonać funkcję na przycisku.
- W definicji funkcji uzyskaj dostęp do widzialnego wejścia „tekst”Pole i pobrać wartość za pomocą„val ()" metoda.
- W następnym etapie pobierana wartość zostanie przydzielona do ukrytego wejścia ”tekst„Pole za pośrednictwem„val ()" metoda.
- Na koniec wyświetl wynikową wartość przydzieloną do „Ukryte pole wejściowe„Za pośrednictwem alertu.
Wyjście
W powyższym wyjściu można zauważyć, że wartość widzialnego wejścia ”tekst„Pole jest przydzielane do„ukryty" pole wejściowe.
Wniosek
Aby ustawić wartość ukrytego pola wejściowego za pośrednictwem JavaScript, zastosuj „InnerHtml„Nieruchomość lub jQuery”val ()" metoda. Właściwość InnerHTML może być używana do zastosowania żądanej funkcjonalności poprzez dołączenie wartości zdefiniowanej przez użytkownika. Metodę val () można zastosować, aby przydzielić wartość pola widocznego tekstu wejściowego do ukrytego pola wejściowego Na ten blog omówiono procedurę ustawienia wartości ukrytego pola wejściowego za pośrednictwem JavaScript.