Докато създавате формуляр или въпросник, може да има изискване за присвояване на въведена от потребителя стойност на конкретно поле. Например добавяне на поверителни записи, т.е. парола или кодирана стойност, за да ги използвате. В такива случаи задаването на стойността на скрит входен елемент чрез JavaScript помага за запазването на данните в безопасност и сигурност.
Този блог ще обсъди процедурата за задаване на стойността на скрито поле за въвеждане чрез JavaScript
Как да зададете стойността на скрито поле за въвеждане чрез JavaScript?
За да зададете стойността на скритото поле за въвеждане чрез JavaScript, приложете посочените по-долу подходи:
Метод 1: Задайте стойността на скрития елемент чрез свойството innerHTML
„ innerHTML ” връща HTML съдържанието на елемента. Това свойство може да се използва за задаване и добавяне на дефинираната от потребителя стойност към разпределеното скрито поле за въвеждане.
Синтаксис:
element.innerHTML = текст
В горния синтаксис „ елемент ” се отнася до елемента, който трябва да бъде добавен с „ текст ” стойност.
Пример
Нека да преминем през посочения по-долу пример:
< вход Тип = 'скрит' документ за самоличност = 'скрит елемент' стойност = '' >< сценарий >
позволявам myInput = подкана ( „Моля, въведете своя текст“ , '' ) ;
ако ( myInput ! = нула ) {
позволявам x = document.getElementById ( 'скрит елемент' ) .innerHTML = 'Стойността на скрития елемент е: ' + myInput;
тревога ( х )
}
сценарий >
В горния кодов блок:
- Първо създайте полето за въвеждане с посочените атрибути.
- „ Тип ' атрибут със стойността ' скрит ” означава, че това е скрито поле.
- След това „ подкана ” диалоговият прозорец приема стойност от потребителя.
- Сега приложете проверка на дефинираната от потребителя стойност, така че да не е „ нула ' използвайки ' ако ” състояние.
- И накрая, влезте в скритото поле за въвеждане чрез неговия „ документ за самоличност ' използвайки ' getElementById() ' и задайте дефинираната от потребителя стойност за него чрез ' innerHTML ' Имот.
- И накрая, покажете добавената стойност чрез предупреждение.
Изход
Както се наблюдава, въведената от потребителя стойност се добавя към скритото поле за въвеждане.
Метод 2: Задаване на стойността на скрития елемент с помощта на jQuery подход
При този подход, jQuery ' val() ” ще се използва методът за разпределяне на стойността на видимото текстово поле за въвеждане към скритото поле за въвеждане.
Пример
Нека прегледаме следния код:
< стр > Въведете стойността за скрит елемент стр >< вход документ за самоличност = 'myInput' стойност = '' Тип = 'текст' />< бр >
< вход документ за самоличност = 'скрит елемент' Тип = 'скрит' стойност = '' />
< бр >
< бутон документ за самоличност = 'btnShow' > Изпращане бутон >
< сценарий src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > сценарий >
< сценарий >
$ ( '#btnShow' ) .На ( 'клик' , функция ( ) {
позволявам входна стойност = $ ( '#myInput' ) .вал ( ) ;
$ ( '#скритЕлемент' ) .вал ( входна стойност ) ;
тревога ( „Стойността на скрития елемент е:“ + входна стойност ) ;
} ) ;
сценарий >
В горните редове код:
- Първо, включете текстово поле за въвеждане с посочените атрибути.
- По същия начин разпределете друго скрито поле за въвеждане, както е видно от неговото „ Тип ' атрибут.
- Добавен таг
- След това включете библиотеката jQuery с помощта на „ src ” атрибут в „ <скрипт> ” таг.
- В JS кода отворете създадения бутон и свържете „ На() ” с него, за да изпълни функцията при щракване на бутона.
- В дефиницията на функцията отворете видимия вход „ текст ” и извлечете стойността му с помощта на „ val() ” метод.
- В следващата стъпка извлечената стойност ще бъде разпределена към скрития вход „ текст ” през полето „ val() ” метод.
- И накрая, покажете получената стойност, присвоена на „ скрито поле за въвеждане ” чрез предупреждение.
Изход
В горния изход може да се види, че стойността на видимия вход „ текст ” се разпределя към „ скрит ” поле за въвеждане.
Заключение
За да зададете стойността на скрито поле за въвеждане чрез JavaScript, приложете „ innerHTML 'свойство или jQuery' val() ” метод. Свойството innerHTML може да се използва за прилагане на желаната функционалност чрез добавяне на дефинираната от потребителя стойност. Методът val() може да се приложи за разпределяне на стойността на видимото текстово поле за въвеждане към скритото поле за въвеждане Този блог обсъди процедурата за задаване на стойността на скрито поле за въвеждане чрез JavaScript.