ఈ పోస్ట్ జావాస్క్రిప్ట్ ఉపయోగించి టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించే విధానాన్ని నిర్వచిస్తుంది.
జావాస్క్రిప్ట్‌ని ఉపయోగించి టెక్స్ట్‌బాక్స్‌కి విలువను ఎలా కేటాయించాలి?
టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించడం కోసం, క్రింది పద్ధతులను ఉపయోగించండి:
ఈ పద్ధతుల పనిని విడిగా చూద్దాం!
విధానం 1: setAttribute() పద్ధతిని ఉపయోగించి టెక్స్ట్‌బాక్స్‌కి విలువను కేటాయించండి
ది ' సెట్ అట్రిబ్యూట్() టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించడానికి ” పద్ధతి ఉపయోగించబడుతుంది. ఇది ఒక నిర్దిష్ట మూలకానికి లక్షణాన్ని జోడించడానికి లేదా సెట్ చేయడానికి మరియు దానికి విలువను ఇవ్వడానికి ఉపయోగించబడుతుంది. ఈ పద్ధతి రెండు పారామితులను వాదనగా తీసుకుంటుంది మరియు రెండూ తప్పనిసరి.
వాక్యనిర్మాణం
setAttribute() పద్ధతి కోసం దిగువ పేర్కొన్న సింటాక్స్‌ని అనుసరించండి:
సెట్ అట్రిబ్యూట్ ( లక్షణం పేరు, లక్షణం విలువ ) ;ఇక్కడ, ' లక్షణం విలువ ” అనేది పేరు పేర్కొనబడిన లక్షణం యొక్క విలువ.
ఉదాహరణ
మేము మొదట డిఫాల్ట్‌తో హెడింగ్ మరియు ఇన్పుట్ ఫీల్డ్‌ను సృష్టిస్తాము ' వచనం ” ప్లేస్‌హోల్డర్ విలువ. తర్వాత, క్లిక్ చేసినప్పుడు “myFunction()” పద్ధతిని అమలు చేసే బటన్‌ను జోడించండి:
< h5 > చూడటానికి బటన్‌ను క్లిక్ చేయండి డిఫాల్ట్ టెక్స్ట్ ఫీల్డ్ యొక్క విలువ. h5 >< ఇన్పుట్ రకం = 'వచనం' id = 'myText' ప్లేస్‌హోల్డర్ = 'వచనం' >
< బటన్ క్లిక్ చేయండి = 'myFunction()' > క్లిక్ చేయండి బటన్ >
JS ఫైల్‌లో, “” అనే ఫంక్షన్‌ను నిర్వచించండి myFunction() ” మరియు “ని ఉపయోగించి టెక్స్ట్‌బాక్స్‌ని యాక్సెస్ చేయండి getElementbyId() 'పద్ధతి ఆపై' సహాయంతో విలువను సెట్ చేయండి సెట్ అట్రిబ్యూట్() 'పద్ధతి:
ఫంక్షన్ myFunction ( ) {పత్రం. getElementById ( 'myText' ) . సెట్ అట్రిబ్యూట్ ( 'విలువ' , 'LinuxHint' ) ;
}
బటన్‌ను క్లిక్ చేసినప్పుడు, టెక్స్ట్‌బాక్స్ విలువ ''గా సెట్ చేయబడిందని అవుట్‌పుట్ నుండి చూడవచ్చు. LinuxHint ”:
టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించే తదుపరి విధానాన్ని చూద్దాం.
విధానం 2: టెక్స్ట్ వాల్యూ ప్రాపర్టీని ఉపయోగించి టెక్స్ట్‌బాక్స్‌కి విలువను కేటాయించండి
టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించడానికి మరొక విధానం ఉంది, ఇది “ విలువ 'వచనం యొక్క ఆస్తి. ఈ విధానంలో, మీరు విలువ ప్రాపర్టీని ఉపయోగించి టెక్స్ట్‌బాక్స్‌కు మాత్రమే విలువను కేటాయించాలి.
వాక్యనిర్మాణం
టెక్స్ట్ ఎలిమెంట్ యొక్క విలువ ప్రాపర్టీని ఉపయోగించి టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించడం కోసం క్రింది సింటాక్స్‌ని ఉపయోగించండి:
విలువ = 'వచనం' ;ఉదాహరణ
ఇక్కడ, మేము మునుపటి ఉదాహరణలో ఇప్పటికే సృష్టించిన టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయిస్తాము. అలా చేయడానికి, myFunction()లోని టెక్స్ట్‌బాక్స్‌ని యాక్సెస్ చేసి, ఆపై, “ని ఉపయోగించి టెక్స్ట్‌బాక్స్‌కి అవసరమైన విలువను కేటాయించండి విలువ 'ఆస్తి:
ఫంక్షన్ myFunction ( ) {పత్రం. getElementById ( 'myText' ) . విలువ = 'LinuxHint' ;
}
మీరు అవుట్‌పుట్‌ను విజయవంతంగా చూడగలిగినట్లుగా, టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించండి:
మేము జావాస్క్రిప్ట్‌ని ఉపయోగించి టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించడం కోసం సరళమైన విధానాలను సేకరించాము.
ముగింపు
JavaScriptని ఉపయోగించి టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించడం కోసం, మీరు setAttribute() పద్ధతి లేదా టెక్స్ట్ మూలకం యొక్క విలువ ప్రాపర్టీ అని పిలువబడే JavaScript ముందే నిర్వచించిన పద్ధతిని ఉపయోగించవచ్చు. ఈ రెండు విధానాలు టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించడం కోసం సమర్థవంతంగా పని చేస్తాయి. మీ అవసరానికి అనుగుణంగా మీరు వాటిలో ఒకదాన్ని ఎంచుకోవచ్చు. ఈ పోస్ట్‌లో, వివరణాత్మక ఉదాహరణలతో జావాస్క్రిప్ట్‌ని ఉపయోగించి టెక్స్ట్‌బాక్స్‌కు విలువను కేటాయించే విధానాలను మేము చర్చించాము.