如何使用querySelector on按名称选择输入元素? [英] How can I use querySelector on to pick an input element by name?
本文介绍了如何使用querySelector on按名称选择输入元素?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我最近在此网站上收到了关于在表格输入上使用 querySelector
的帮助,例如选择
但是我拿了< select>
,它完全改变了在函数中必须完成的操作。
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:
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>
之前,我有('select')
对于 querySelector
,但现在我不确定要放在那里。
我尝试了多种方法以及 querySelectorAll
但我似乎无法弄明白。
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.
要清楚我要拉 name =pwd
。
我怎么能这样做?
推荐答案
你可以尝试'输入[name =pwd ]':
You can try 'input[name="pwd"]':
function checkForm(){
var form = document.forms[0];
var selectElement = form.querySelector('input[name="pwd"]');
var selectedValue = selectElement.value;
}
看一下这个 http://jsfiddle.net/2ZL4G/1/
这篇关于如何使用querySelector on按名称选择输入元素?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文