Menu
I recently received help on this site towards using querySelector on a form input such as select but as soon as I took <select> out it completely changed what had to be done in the function.
HTML:
<form onsubmit="return checkForm()"> Password: <input type="text" name="pwd"> <input type="submit" value="Submit"> </form> Javascript:
<script language="Javascript" type="text/javascript"> debugger; function checkForm() { var form = document.forms[0]; var selectElement = form.querySelector(''); var selectedValue = selectElement.value; alert(selectedValue); </script> Before, I had ('select') for the querySelector, but now I'm unsure what to put there.
I've tried multiple things as well as querySelectorAll but I can't seem to figure it out.
To be clear I'm trying to pull the name="pwd".
How could I do this?
210
The querySelector() method in HTML is used to return the first element that matches a specified CSS selector(s) in the document. Note: The querySelector() method only returns the first element that matches the specified selectors. To return all the matches, use the querySelectorAll() method.
Use document. querySelector('selector') to Get Input Value in JavaScript. The document. querySelector('selector') uses CSS selectors which means, it can select elements by id, class, tag name, and name property of the DOM element.
Use the querySelector method to get an element by data attribute, e.g. document. querySelector('[data-id="box1"]') . The querySelector method returns the first element that matches the provided selector or null if no element matches the selector in the document. Here is the HTML for the examples in this article.
You can try 'input[name="pwd"]':
function checkForm(){ var form = document.forms[0]; var selectElement = form.querySelector('input[name="pwd"]'); var selectedValue = selectElement.value; } take a look a this http://jsfiddle.net/2ZL4G/1/
77
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
