두 가지 선택 항목이있는 HTML 양식을 Javascript로 변경하는 방법은 무엇입니까?

나는 다음과 같은 HTML 양식을하고 있어요 :두 가지 선택 항목이있는 HTML 양식을 Javascript로 변경하는 방법은 무엇입니까?

<form method = 'POST' action = '/python/stats/'> 
<select name = 'team'> 
<option value = 'team1'> team1 </option> 
<option value = 'team2'> team2 </option> 
<option value = 'team3'> team3 </option> 
</select> 
<select name = 'player'> 
<option value = 'player1'> player1 </option> 
<option value = 'player2'> player2 </option> 
<option value = 'player3'> player3 </option> 
</select> 
<input type = 'submit' value = "Update"> 
</form>

액션/파이썬/통계이 매개 변수가 필요합니다. 이 양식을 편집하여 (자바 스크립트로) 어떻게하면 선택 항목이 변경 될 때마다 조치가 호출됩니까?

출처

2011-11-02 user574435

양식 태그의 action 속성은 양식을 submit (으)로 지정합니다. onchange 이벤트로이 작업을 수행하려면 이벤트에서 양식을 제출할 수 있습니다.

<head> 
<script type='text/javascript'> 
function doSubmit(){ 
    document.forms["form1"].submit(); 
} 
</script> 
</head> 


<form id='form1' method = 'POST' action = '/python/stats/'> 
<select name = 'team' onchange='doSubmit();'> 
<option value = 'team1'> team1 </option> 
<option value = 'team2'> team2 </option> 
<option value = 'team3'> team3 </option> 
</select> 
<select name = 'player' onchange='doSubmit();'> 
<option value = 'player1'> player1 </option> 
<option value = 'player2'> player2 </option> 
<option value = 'player3'> player3 </option> 
</select> 
<input type = 'submit' value = "Update"> 
</form>

출처

2011-11-02 00:48:11

onchange 처리기는 간단히 'this.form.submit();'일 수 있습니다. 그러나 선택의 onchange를 사용하여 양식을 제출하는 것은 사용자에게 친숙하지 않습니다. 커서 키를 사용하여 탐색하는 경우 IE는 키를 누를 때마다 변경 이벤트를 실행하므로 사용자는 첫 번째 옵션을 지나칠 수 없습니다. – RobG

답해 주셔서 감사합니다. 'document.form1.submit();'줄을 사용하여 작업 할 수있었습니다. 'document.forms [ "form1"]. submit();'으로 변경되었습니다. – user574435

@RobG 좋은 지적. 그래, 그렇게 쉬울거야. –

두 가지 선택 항목이있는 HTML 양식을 Javascript로 변경하는 방법은 무엇입니까?

답변

관련 문제