Hvordan sette verdien av et skjult inngangsfelt gjennom JavaScript?
Mens du oppretter et skjema eller et spørreskjema, kan det være et krav å tildele en brukerinnsatsverdi til et bestemt felt. For eksempel å legge til konfidensielle oppføringer, jeg.e., et passord eller en kodet verdi for å bruke dem. I slike tilfeller, å sette verdien av et skjult inngangselement gjennom JavaScript bistår med å holde dataene trygge og sikre.
Denne bloggen vil diskutere prosedyren for å angi verdien av et skjult inngangsfelt gjennom JavaScript
Hvordan sette verdien av et skjult inngangsfelt gjennom JavaScript?
For å angi verdien av det skjulte inngangsfeltet gjennom JavaScript, bruk de under-uttalte tilnærmingene:
- “indrehtml”Eiendom.
- “jQuery”
Metode 1: Angi verdien av det skjulte elementet via InnerHTML -egenskapen
“indrehtml”Eiendom returnerer elementets HTML -innhold. Denne egenskapen kan brukes til å angi og legge den brukerdefinerte verdien til det tildelte skjulte inngangsfeltet.
Syntaks:
element.InnerHTML = tekst
I syntaks ovenfor, "element”Refererer til elementet som må legges ved med“tekst”Verdi.
Eksempel
La oss gå gjennom det under-uttalte eksemplet:
I kodeblokken ovenfor:
- For det første, lag inngangsfeltet med de uttalte attributtene.
- “type”Attributt med verdien”skjult”Betyr at det er et skjult felt.
- Etter det, “hurtig”Dialogboks tar en verdi fra brukeren.
- Nå, bruk en sjekk på den brukerdefinerte verdien slik at den ikke er “null" bruker "hvis" betingelse.
- Til slutt får du tilgang til det skjulte inngangsfeltet av dets “id" bruker "getElementById ()”Metode og angi den brukerdefinerte verdien til den via“indrehtml”Eiendom.
- Til slutt, vis den vedlagte verdien via et varsel.
Produksjon
Som observert blir brukerinnsatsverdien lagt til det skjulte inngangsfeltet.
Metode 2: Angi verdien av det skjulte elementet ved hjelp av jQuery -tilnærmingen
I denne tilnærmingen er jQuery's “val ()”Metoden vil bli brukt til å tildele verdien av det synlige inngangstekstfeltet til det skjulte inngangsfeltet.
Eksempel
La oss oversikt Følgende kode:
Skriv inn verdien for skjult element
I kodelinjene ovenfor:
- Først, inkluderer et inngangstekstfelt som har de oppgitte attributtene.
- Tildel på samme måte et annet skjult inngangsfelt, noe som fremgår av dets “type" Egenskap.
- Lagt til tag med en spesifikk “id" Egenskap.
- Etter det, inkluder jQuery -biblioteket ved hjelp av “src”Attributt i“" stikkord.
- I JS -koden får du tilgang til den opprettede knappen og knytter "på()”Metode med den for å utføre funksjonen på knappeklikk.
- I funksjonsdefinisjonen får du tilgang til den synlige inngangen "tekst”Felt og hente verdien ved å bruke“val ()”Metode.
- I neste trinn vil den hentede verdien bli tildelt den skjulte inngangen “tekst”Felt via“val ()”Metode.
- Til slutt, vis den resulterende verdien tildelt "Skjult inngangsfelt”Via et varsel.
Produksjon
I outputten kan man se at verdien av den synlige inngangen "tekst”Feltet er tildelt“skjult”Inngangsfelt.
Konklusjon
For å angi verdien av et skjult inngangsfelt gjennom JavaScript, bruk "indrehtml”Eiendom eller jQuery”val ()”Metode. InnerHTML-egenskapen kan brukes til å anvende ønsket funksjonalitet ved å legge til den brukerdefinerte verdien. Val () -metoden kan brukes for å tildele verdien av det synlige inngangstekstfeltet til det skjulte inngangsfeltet Denne bloggen diskuterte prosedyren for å angi verdien av et skjult inngangsfelt gjennom JavaScript.