107

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

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>

以前は が('select')ありましたquerySelectorが、今は何を入れたらよいかわかりません。
私も複数のことを試しましquerySelectorAllたが、それを理解できないようです。

明確にするために、私はname="pwd".

どうすればこれを行うことができますか?

4

9 に答える 9

157

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

于 2013-03-01T01:07:21.873 に答える