如何使用 javascript 填写网络表单

Question

我想在 chrome 中使用 javascript 填写表格数据。我已正确填写所有其他字段，但下面的字段 (html) 对我不起作用。（必须有其他脚本使用这种形式，我不关心）

<select name="month" class="valid">
<option value="">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Month</font>
    </font>
</option>
<option value="01">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">January</font>
    </font>
</option>
<option value="02">
    <font style="vertical-align: inherit;">
        <font style="vertical-align: inherit;">February</font>
    </font>
</option>
<option value="03">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">March</font>
    </font>
</option>

月一月二月行进

我已经尝试了一些代码，但它不起作用。

var month = document.querySelector('input[name="month"]');
month.selectedIndex = 3;

我在 chrome 控制台中使用这个脚本，有什么办法可以用 javascript 填充这个字段吗？

here is the form link

Answer 1

首先，您的select或input[name="month"]不匹配任何元素。

其次，一旦您能够 select 正确的元素，您就可以使用 element.value = 3.

设置它的值

See more about the value property here.

Answer 2

此代码完全符合您的要求。在你的 select 中 select 是三月。注意：正确的 selection in not var month = document.querySelector('input[name="month"]');改用

var month = document.querySelector('select[name="month"]');

$(function() {
    var month = document.querySelector('select[name="month"]');
month.selectedIndex = 3;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="month" class="valid">
<option value="">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Month</font>
    </font>
</option>
<option value="01">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">January</font>
    </font>
</option>
<option value="02">
    <font style="vertical-align: inherit;">
        <font style="vertical-align: inherit;">February</font>
    </font>
</option>
<option value="03">
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">March</font>
    </font>
</option>
</select>

如何使用 javascript 填写网络表单

How to fill web form using javascript

javascript

forms

console

google-chrome

fill