Pri vytváraní formulára alebo dotazníka môže vzniknúť požiadavka prideliť hodnotu zadávanú používateľom konkrétnemu poľu. Napríklad pridávanie dôverných záznamov, t. j. hesla alebo kódovanej hodnoty, aby ste ich mohli použiť. V takýchto prípadoch nastavenie hodnoty skrytého vstupného prvku prostredníctvom JavaScriptu pomáha udržiavať údaje v bezpečí.
Tento blog bude diskutovať o postupe nastavenia hodnoty skrytého vstupného poľa prostredníctvom JavaScriptu
Ako nastaviť hodnotu skrytého vstupného poľa prostredníctvom JavaScriptu?
Ak chcete nastaviť hodnotu skrytého vstupného poľa prostredníctvom JavaScriptu, použite prístupy uvedené nižšie:
Metóda 1: Nastavte hodnotu skrytého prvku prostredníctvom vlastnosti innerHTML
' innerHTML ” vráti obsah HTML prvku. Túto vlastnosť možno použiť na nastavenie a pripojenie používateľom definovanej hodnoty do prideleného skrytého vstupného poľa.
Syntax:
element.innerHTML = text
Vo vyššie uvedenej syntaxi „ prvok “ označuje prvok, ktorý je potrebné pripojiť znakom „ text “hodnota.
Príklad
Poďme si prejsť nižšie uvedený príklad:
< vstup typu = 'skrytý' id = 'hiddenElement' hodnotu = '' >< skript >
nech myInput = výzva ( 'Zadajte svoj text' , '' ) ;
ak ( myInput ! = null ) {
nech x = document.getElementById ( 'hiddenElement' ) .innerHTML = 'Hodnota skrytého prvku je: ' + myInput;
upozorniť ( X )
}
skript >
Vo vyššie uvedenom bloku kódu:
- Najprv vytvorte vstupné pole s uvedenými atribútmi.
- ' typu ” atribút s hodnotou “ skryté “ znamená, že ide o skryté pole.
- Potom sa „ výzva ” dialógové okno preberá hodnotu od používateľa.
- Teraz použite kontrolu na hodnotu definovanú používateľom tak, aby nebola „ nulový “ pomocou „ ak “podmienka.
- Nakoniec prejdite do skrytého vstupného poľa pomocou jeho „ id “ pomocou „ getElementById() ” a nastavte jej užívateľom definovanú hodnotu cez “ innerHTML ' nehnuteľnosť.
- Nakoniec zobrazte pripojenú hodnotu prostredníctvom upozornenia.
Výkon
Ako bolo pozorované, do skrytého vstupného poľa sa pripojí hodnota zadaná používateľom.
Metóda 2: Nastavte hodnotu skrytého prvku pomocou prístupu jQuery
V tomto prístupe jQuery „ val() ” metóda sa použije na pridelenie hodnoty viditeľného vstupného textového poľa skrytému vstupnému poľu.
Príklad
Pozrime sa na nasledujúci kód:
< p > Zadajte hodnotu pre skrytý prvok p >< vstup id = 'môj vstup' hodnotu = '' typu = 'text' />< br >
< vstup id = 'hiddenElement' typu = 'skrytý' hodnotu = '' />
< br >
< tlačidlo id = 'btnShow' > Predložiť tlačidlo >
< skript src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > skript >
< skript >
$ ( '#btnShow' ) .zap ( 'klikni' , funkciu ( ) {
nech vstupná hodnota = $ ( '#myInput' ) .val ( ) ;
$ ( '#hiddenElement' ) .val ( vstupná hodnota ) ;
upozorniť ( 'Hodnota skrytého prvku je:' + vstupná hodnota ) ;
} ) ;
skript >
Vo vyššie uvedených riadkoch kódu:
- Najprv zahrňte vstupné textové pole s uvedenými atribútmi.
- Podobne prideľte ďalšie skryté vstupné pole, ako je zrejmé z jeho „ typu “.
- Pridaná značka
- Potom zahrňte knižnicu jQuery pomocou „ src ” atribút v “