javascript를 사용하여 웹 양식을 채우는 방법

Question

크롬의 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; 

크롬 콘솔에서이 스크립트를 사용하고 있는데이 필드를 자바 스크립트로 채울 수있는 방법이 있습니까?

here is the form link

Answer 1

이 코드는 당신이 찾고 정확히 않습니다. 선택한 3 월을 선택합니다. 참고 : 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>

Answer 2

첫째, 당신의 선택 input[name="month"] 어떤 요소가 일치하지 않습니다.

둘째, 올바른 요소를 선택하면 element.value = 3을 사용하여 값을 설정할 수 있습니다.

See more about the value property here.