querySelector を使用して入力要素を名前で選択するにはどうすればよいですか? 質問する

querySelector を使用して入力要素を名前で選択するにはどうすればよいですか? 質問する

querySelector最近、このサイトで、次のようなフォーム入力の使用に関するヘルプを受けましたselectが、それを削除した途端、<select>関数内で実行する必要のある内容が完全に変わりました。

HTML:

<form onsubmit="return checkForm()">
    Password: <input type="text" name="pwd">
    <input type="submit" value="Submit">
</form>

ジャバスクリプト:

<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が、わかりません。

明確に言うと、私は を引っ張ろうとしていますname="pwd"

どうすればこれができるでしょうか?

ベストアンサー1

「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/

おすすめ記事