how to get textbox value using javascript?

8 years ago
by Vetrivel Samidurai
1,301 Views
2 min read

You can easily get textbox or form elements value using javascript. You can use one of the the following method to get the textbox value

  • document.getElementById
  • document.getElmentsByTagName
  • document.getElementsByName
  • document.getElementsByClassName
  • document.reg_frm.fname  //where reg_frm is your form name; fname is your textbox name

Example:


<!DOCTYPE html>
<html>
<body>

<form name="reg_frm">

First Name: <input type="text" name="fname" class="myclass" id="myText" value="CODEFORBEGINNER">

<p>Click the button to display the value of the value attribute of the text field.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>
</form>

<script>
function myFunction() {

//use any one method to get output

var x = document.getElementById("myText").value;
var x = document.getElementsByName("fname")[0].value;
var x = document.getElementsByTagName("input")[0].value;
var x = document.getElementsByClassName("myclass")[0].value;
var x = document.reg_frm.fname.value;
document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>
Himalaya Gentle Baby Wash (400ml)
4.3 out of 5 stars(20425)
₹207.00 (as of April 4, 2025 02:56 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Little's Baby Diapers XL Size (Extra Large) Pants Style | 12-17 kg | 78 Count - Pack of 3 | Cotton Soft Baby Diaper Pants with Leakage Guard
4.7 out of 5 stars(73)
₹719.00 (as of April 4, 2025 02:56 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Vn care Pack of 12 Baby Proofing Corner Guards | Extra Soft and Cushioned Corner Protector for Sharp Edges | Child Safety Edge Protector for Kids | Furniture Table Baby Safety Product (Brown, 12 Pack)
4.9 out of 5 stars(52)
₹299.00 (as of April 4, 2025 02:56 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
TINIGREEN Car Ring Dumbbell Shaped Organic Neem Wood Teether Combo for Baby (Pack of 3)
4.8 out of 5 stars(9)
₹299.00 (as of April 4, 2025 02:56 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Johnson's Milk + Rice Cream, with Milk extracts and Vitamin E to Replenish Moisture, pH Balanced, 200gm, White
4.2 out of 5 stars(131)
₹210.00 (as of April 4, 2025 02:56 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
The Cheeky Kidzz Baby Skin Care Powder Talcum Puff Case Cum Container Box Reusable Refillable for Toddlers Kids and Infants for Baby Body And Face Grooming BPA Free (DESIGN 2)
5.0 out of 5 stars(5)
₹319.00 (as of April 4, 2025 02:56 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Baby Diaper Disposal Bags,Diaper Disposal Bags for Baby With Removable Capsule Box (1 Capsul And 2 Blue 2 Green Garbage Roll), 1 Psc
₹299.00 (as of April 4, 2025 02:56 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Novo Baby Newborn Soft Cotton Godadi | Kids gaddi | Crib Sheet | Baby mat | Godari |Bedding Set| Matress | Bed | Baby Bedding Set for New Born (Pack of 3)
5.0 out of 5 stars(54)
₹499.00 (as of April 4, 2025 02:56 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
MamyPoko Pants Extra Absorb Baby Diapers, Large (L), 128 Count, 9-14 kg
4.3 out of 5 stars(54044)
₹1,608.00 (as of April 4, 2025 02:56 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
GITGRNTH Bunny Night Light for Kids Room, Rabbit Night Light, Tap and Touch Color Changing Cute Night Light Lamp, Rechargeable Silicone Cute Nursery Lamp(Big Face Rabbit, Regular)
5.0 out of 5 stars(36)

Now retrieving the price.

(as of April 4, 2025 02:56 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Portronics Toad One Bluetooth Mouse with 2.4 GHz & BT 5.3 Dual Wireless, 6 Buttons, Rechargeable, RGB Lights, Connect 3 Devices, Ergonomic Design for Laptop, Smartphone, Tablet (Black)
4.2 out of 5 stars(3816)
₹549.00 (as of April 3, 2025 20:16 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Oakter Mini UPS for 12V WiFi Router Broadband Modem | Backup Upto 4 Hours | WiFi Router UPS Power Backup During Power Cuts | UPS Broadband Modem (12 Volt Backup 4 HRS)
4.1 out of 5 stars(17602)
₹1,399.00 (as of April 3, 2025 20:16 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Logitech M186 Wireless Mouse, 2.4GHz with USB Mini Receiver, 12-Month Battery Life, 1000 DPI Optical Tracking, Ambidextrous, Compatible with PC, Mac, Laptop
4.3 out of 5 stars(77496)
₹495.00 (as of April 3, 2025 20:16 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
𝐀𝐌𝐀𝐙𝐏𝐋𝐔𝐒®(𝟏𝟓 𝐘𝐄𝐀𝐑𝐒 𝐖𝐀𝐑𝐑𝐀𝐍𝐓𝐘) Smart Cooling Portable Neck Fan Rechargeable 9000mAh Battery Hands-Free Mini Fans For Kitchen Women Travel Outdoor & Home USB Charging For Men
4.1 out of 5 stars(2034)
₹577.00 (as of April 3, 2025 20:16 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Foldable Wooden Mini Laptop Table for Bed, Smart Study Table with Drawer Kids & Adults (US-COTTEDS .Wood.)
4.9 out of 5 stars(73)
₹379.00 (as of April 3, 2025 20:16 GMT +05:30 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Add Comment
  • Share