Med ustvarjanjem obrazca ali vprašalnika lahko pride do zahteve po dodelitvi vrednosti uporabniškega vnosa določenemu polju. Na primer, dodajanje zaupnih vnosov, tj. gesla ali kodirane vrednosti, da jih lahko uporabimo. V takšnih primerih nastavitev vrednosti skritega vnosnega elementa prek JavaScripta pomaga pri varovanju podatkov.
Ta blog bo razpravljal o postopku za nastavitev vrednosti skritega vnosnega polja prek JavaScripta
Kako nastaviti vrednost skritega vnosnega polja prek JavaScripta?
Če želite nastaviti vrednost skritega vnosnega polja prek JavaScripta, uporabite spodaj navedene pristope:
1. način: Nastavite vrednost skritega elementa prek lastnosti innerHTML
' notranjiHTML ” vrne vsebino HTML elementa. To lastnost je mogoče uporabiti za nastavitev in dodajanje uporabniško definirane vrednosti v dodeljeno skrito polje za vnos.
Sintaksa:
element.innerHTML = besedilo
V zgornji sintaksi ' element « se nanaša na element, ki mu je treba dodati » besedilo ” vrednost.
Primer
Pojdimo skozi spodnji primer:
< vnos vrsta = 'skrit' id = 'hiddenElement' vrednost = '' >< scenarij >
pustiti myInput = poziv ( 'Prosimo, vnesite svoje besedilo' , '' ) ;
če ( myInput ! = nič ) {
pustiti x = document.getElementById ( 'hiddenElement' ) .innerHTML = 'Vrednost skritega elementa je: ' + moj vnos;
opozorilo ( x )
}
scenarij >
V zgornjem kodnem bloku:
- Najprej ustvarite vnosno polje z navedenimi atributi.
- ' vrsta »atribut z vrednostjo« skrit ” pomeni, da gre za skrito polje.
- Po tem je ' poziv « pogovorno okno vzame vrednost od uporabnika.
- Zdaj uporabite preverjanje uporabniško določene vrednosti, tako da ni ' nič ' uporabljati ' če ” stanje.
- Na koncu dostopajte do skritega vnosnega polja z njegovim ' id ' uporabljati ' getElementById() ' in ji nastavite uporabniško določeno vrednost prek ' notranjiHTML ” lastnina.
- Nazadnje prikažite dodano vrednost prek opozorila.
Izhod
Kot smo opazili, je vrednost uporabniškega vnosa dodana skritemu vnosnemu polju.
2. način: Nastavite vrednost skritega elementa z uporabo pristopa jQuery
Pri tem pristopu jQueryjev ' val() ” bo uporabljena metoda za dodelitev vrednosti vidnega vnosnega besedilnega polja skritemu vnosnemu polju.
Primer
Oglejmo si naslednjo kodo:
< str > Vnesite vrednost za skriti element str >< vnos id = 'myInput' vrednost = '' vrsta = 'besedilo' />< št >
< vnos id = 'hiddenElement' vrsta = 'skrit' vrednost = '' />
< št >
< gumb id = 'btnShow' > Predloži gumb >
< scenarij src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > scenarij >
< scenarij >
$ ( '#btnShow' ) .na ( 'klik' , funkcijo ( ) {
pustiti vhodna vrednost = $ ( '#myInput' ) .val ( ) ;
$ ( '#skritElement' ) .val ( inputValue ) ;
opozorilo ( 'Vrednost skritega elementa je:' + vhodna vrednost ) ;
} ) ;
scenarij >
V zgornjih vrsticah kode:
- Najprej vključite polje za vnos besedila z navedenimi atributi.
- Podobno dodelite drugo skrito vnosno polje, kot je razvidno iz njegovega ' vrsta ” atribut.
- Dodana oznaka
- Nato vključite knjižnico jQuery s pomočjo » src ' atribut v '
' oznaka. - V kodi JS dostopite do ustvarjenega gumba in povežite » na () ” z njo za izvedbo funkcije ob kliku gumba.
- V definiciji funkcije dostopajte do vidnega vnosa “ besedilo « in pridobite njegovo vrednost s pomočjo » val() ” metoda.
- V naslednjem koraku bo pridobljena vrednost dodeljena skritemu vnosu ' besedilo ' prek polja ' val() ” metoda.
- Na koncu prikažite nastalo vrednost, dodeljeno ' skrito polje za vnos « prek opozorila.
Izhod
V zgornjem izhodu je razvidno, da je vrednost vidnega vnosa ' besedilo ' je dodeljeno ' skrit ” vnosno polje.
Zaključek
Če želite nastaviti vrednost skritega vnosnega polja prek JavaScripta, uporabite » notranjiHTML » lastnost ali jQuery « val() ” metoda. Lastnost innerHTML lahko uporabite za uporabo želene funkcionalnosti z dodajanjem uporabniško določene vrednosti. Metodo val() je mogoče uporabiti za dodelitev vrednosti vidnega vnosnega besedilnega polja skritemu vnosnemu polju. Ta blog je razpravljal o postopku za nastavitev vrednosti skritega vnosnega polja prek JavaScripta.