Приликом креирања обрасца или упитника, може постојати захтев за додељивање вредности корисничког уноса одређеном пољу. На пример, додавање поверљивих уноса, тј. лозинке или кодиране вредности да би се они користили. У таквим случајевима, подешавање вредности скривеног улазног елемента преко ЈаваСцрипт-а помаже да се подаци очувају безбедним и безбедним.
Овај блог ће расправљати о процедури за постављање вредности скривеног поља за унос путем ЈаваСцрипт-а
Како подесити вредност скривеног поља за унос путем ЈаваСцрипт-а?
Да бисте подесили вредност скривеног поља за унос путем ЈаваСцрипт-а, примените доле наведене приступе:
Метод 1: Подесите вредност скривеног елемента преко иннерХТМЛ својства
„ иннерХТМЛ ” својство враћа ХТМЛ садржај елемента. Ово својство се може користити за постављање и додавање кориснички дефинисане вредности у додељено скривено поље за унос.
Синтакса:
елемент.иннерХТМЛ = текст
У горњој синтакси, „ елемент ” се односи на елемент који треба да се дода са „ текст ” вредност.
Пример
Хајде да прођемо кроз доле наведени пример:
< улазни тип = 'сакривен' ид = 'хидденЕлемент' вредност = '' >< скрипта >
дозволити миИнпут = промпт ( „Молимо унесите свој текст“ , '' ) ;
ако ( миИнпут ! = нулл ) {
дозволити к = доцумент.гетЕлементБиИд ( 'хидденЕлемент' ) .иннерХТМЛ = 'Вредност скривеног елемента је: ' + миИнпут;
узбуна ( Икс )
}
скрипта >
У горњем блоку кода:
- Прво, креирајте поље за унос са наведеним атрибутима.
- „ тип ” атрибут са вредношћу “ сакривен ” означава да је то скривено поље.
- Након тога, „ промпт ” оквир за дијалог узима вредност од корисника.
- Сада, примените проверу на кориснички дефинисану вредност тако да није „ нула ' помоћу ' ако ' стање.
- На крају, приступите скривеном пољу за унос помоћу његовог „ ид ' помоћу ' гетЕлементБиИд() ” метод и подесите му кориснички дефинисану вредност преко „ иннерХТМЛ ' имовина.
- На крају, прикажите додату вредност путем упозорења.
Излаз
Као што је примећено, вредност корисничког уноса се додаје скривеном пољу за унос.
Метод 2: Подесите вредност скривеног елемента користећи јКуери приступ
У овом приступу, јКуери-јев „ вал() ” ће се користити за додељивање вредности видљивог поља за унос скривеном пољу за унос.
Пример
Хајде да прегледамо следећи код:
< стр > Унесите вредност за скривени елемент стр >< улазни ид = 'мој унос' вредност = '' тип = 'текст' />< бр >
< улазни ид = 'хидденЕлемент' тип = 'сакривен' вредност = '' />
< бр >
< дугме ид = 'бтнСхов' > прихвати дугме >
< скрипта срц = '9884Е49288580Ф9ДЕД5Б7АА83Д206БАЕ51Ф9Д879' > скрипта >
< скрипта >
$ ( „#бтнСхов“ ) .на ( 'кликни' , функција ( ) {
дозволити инпутВалуе = $ ( „#миИнпут“ ) .вал ( ) ;
$ ( „#хидденЕлемент“ ) .вал ( инпутВалуе ) ;
узбуна ( 'Вредност скривеног елемента је:' + инпутВалуе ) ;
} ) ;
скрипта >
У горњим редовима кода:
- Прво, укључите поље за унос текста које има наведене атрибуте.
- Исто тако, доделите још једно скривено поље за унос, као што је видљиво из његовог „ тип ” атрибут.
- Додата ознака <буттон> која има одређени „ ид ” атрибут.
- Након тога, укључите јКуери библиотеку уз помоћ „ срц ” атрибут у „ <сцрипт> ” ознака.
- У ЈС коду, приступите креираном дугмету и повежите „ на() ” са њим да извршите функцију на клик на дугме.
- У дефиницији функције, приступите видљивом улазу “ текст ” поље и дохватите његову вредност користећи „ вал() ” метод.
- У следећем кораку, преузета вредност ће бити додељена скривеном улазу “ текст ” поље преко „ вал() ” метод.
- На крају, прикажите резултујућу вредност додељену „ скривено поље за унос ” путем упозорења.
Излаз
У горњем излазу се може видети да је вредност видљивог улаза „ текст “ поље је додељено “ сакривен ” поље за унос.
Закључак
Да бисте подесили вредност скривеног поља за унос путем ЈаваСцрипт-а, примените „ иннерХТМЛ ” својство или јКуери “ вал() ” метод. Својство иннерХТМЛ се може користити за примену жељене функционалности додавањем вредности коју дефинише корисник. Метода вал() се може применити да додели вредност видљивог поља за унос скривеном пољу за унос. Овај блог је расправљао о процедури за постављање вредности скривеног поља за унос путем ЈаваСцрипт-а.