javascriptを使用してWebフォームを記入する方法

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> 

月 1月 2月 月

私はいくつかのコードを試しましたが、うまくいきません。

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

私はクロームコンソールでこのスクリプトを使用しています

、私はJavaScriptでこのフィールドを埋めることができます任意の方法はありますか？

here is the form link

Answer 1

このコードは、あなたが探しているものを正確に行います。あなたの選択で3月が選択されます。 注：var month = document.querySelector（ 'input [name = "month"]'）ではなく、正しく選択してください。入力[名前=「月」] `私はそれがオプション値を割り当てることによって、値の変更することができますので、私は、select要素を選択しています`によって

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>

Answer 2

まず、あなたのセレクタinput[name="month"]は、任意の要素と一致していません。

第2に、正しい要素を選択できたら、element.value = 3を使用して値を設定できます。

See more about the value property here.