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

Sende inn

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.