Tijekom izrade obrasca ili upitnika može postojati zahtjev za dodjeljivanjem vrijednosti korisničkog unosa određenom polju. Na primjer, dodavanje povjerljivih unosa, tj. lozinke ili kodirane vrijednosti kako bi se mogli koristiti. U takvim slučajevima, postavljanje vrijednosti skrivenog elementa unosa putem JavaScripta pomaže u održavanju podataka sigurnima.
Ovaj će blog raspravljati o postupku postavljanja vrijednosti skrivenog polja za unos putem JavaScripta
Kako postaviti vrijednost skrivenog polja za unos putem JavaScripta?
Za postavljanje vrijednosti skrivenog polja za unos kroz JavaScript, primijenite dolje navedene pristupe:
Metoda 1: Postavite vrijednost skrivenog elementa putem innerHTML svojstva
' unutarnjiHTML ” svojstvo vraća HTML sadržaj elementa. Ovo se svojstvo može koristiti za postavljanje i dodavanje korisnički definirane vrijednosti dodijeljenom skrivenom polju za unos.
Sintaksa:
element.innerHTML = tekst
U gornjoj sintaksi, ' element ' odnosi se na element koji treba dodati s ' tekst ” vrijednost.
Primjer
Prođimo kroz dolje navedeni primjer:
< ulazni tip = 'skriven' iskaznica = 'skriveniElement' vrijednost = '' >< skripta >
neka myInput = prompt ( 'Molimo unesite svoj tekst' , '' ) ;
ako ( myInput ! = nula ) {
neka x = document.getElementById ( 'skriveniElement' ) .unutarnjiHTML = 'Vrijednost skrivenog elementa je: ' + mojunos;
uzbuna ( x )
}
skripta >
U gornjem bloku koda:
- Najprije stvorite polje za unos s navedenim atributima.
- ' tip ” atribut s vrijednošću “ skriven ” označava da je to skriveno polje.
- Nakon toga, ' potaknuti ” dijaloški okvir preuzima vrijednost od korisnika.
- Sada primijenite provjeru na korisnički definiranu vrijednost tako da nije ' ništavan ' koristiti ' ako ” stanje.
- Na kraju, pristupite skrivenom polju za unos pomoću ' iskaznica ' koristiti ' getElementById() ' i postavite joj korisnički definiranu vrijednost putem ' unutarnjiHTML ” vlasništvo.
- Na kraju, prikažite dodanu vrijednost putem upozorenja.
Izlaz
Kao što je primijećeno, vrijednost korisničkog unosa dodaje se skrivenom polju za unos.
Metoda 2: Postavite vrijednost skrivenog elementa pomoću jQuery pristupa
U ovom pristupu, jQueryjev ' val() ” koristit će se metoda za dodjelu vrijednosti vidljivog polja teksta za unos skrivenom polju za unos.
Primjer
Pogledajmo sljedeći kod:
< str > Unesite vrijednost za skriveni element str >< ulazni iskaznica = 'moj ulaz' vrijednost = '' tip = 'tekst' />< br >
< ulazni iskaznica = 'skriveniElement' tip = 'skriven' vrijednost = '' />
< br >
< dugme iskaznica = 'btnShow' > podnijeti dugme >
< skripta src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > skripta >
< skripta >
$ ( '#btnShow' ) .na ( 'klik' , funkcija ( ) {
neka ulazna vrijednost = $ ( '#myInput' ) .val ( ) ;
$ ( '#skriveniElement' ) .val ( ulaznaVrijednost ) ;
uzbuna ( 'Vrijednost skrivenog elementa je:' + ulazna vrijednost ) ;
} ) ;
skripta >
U gornjim redcima koda:
- Prvo uključite polje za unos teksta s navedenim atributima.
- Isto tako, dodijelite drugo skriveno polje za unos, kao što je vidljivo iz njegovog ' tip ” atribut.
- Dodana oznaka
- Nakon toga uključite jQuery biblioteku uz pomoć ' src ' atribut u '
” oznaka. - U JS kodu pristupite stvorenom gumbu i povežite ' na() ” s njim za izvršavanje funkcije na klik gumba.
- U definiciji funkcije pristupite vidljivom unosu ' tekst ' polje i dohvatite njegovu vrijednost pomoću ' val() ” metoda.
- U sljedećem koraku dohvaćena vrijednost bit će dodijeljena skrivenom ulazu ' tekst ' polje preko ' val() ” metoda.
- Na kraju, prikažite rezultantnu vrijednost dodijeljenu ' skriveno polje za unos ” putem upozorenja.
Izlaz
U gornjem izlazu, može se vidjeti da je vrijednost vidljivog ulaza ' tekst ' polje je dodijeljeno ' skriven ” polje za unos.
Zaključak
Za postavljanje vrijednosti skrivenog polja za unos kroz JavaScript, primijenite ' unutarnjiHTML ' svojstvo ili jQuery ' val() ” metoda. Svojstvo innerHTML može se koristiti za primjenu željene funkcionalnosti dodavanjem korisnički definirane vrijednosti. Metoda val() može se primijeniti za dodjelu vrijednosti vidljivog polja teksta za unos skrivenom polju za unos Ovaj blog raspravljao je o postupku postavljanja vrijednosti skrivenog polja za unos putem JavaScripta.