如何將2個選擇改爲HTML？

我用下面的HTML表單的工作：如何將2個選擇改爲HTML？

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

動作/蟒蛇/統計需要2個參數。我該如何編輯這個表單（到JavaScript？），以便每次選擇被更改時都調用該操作？

來源

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（）;'。但使用select的onchange提交表單不方便用戶使用。如果使用光標鍵進行導航，IE每次按鍵時都會觸發更改事件，因此用戶不會超過第一個選項。 – RobG

感謝您的回答 - 我能夠使用'document.form1.submit（）'這一行來工作。改爲'document.forms [「form1」]。submit（）;' – user574435

@RobG好點。是的，那會容易得多。 –

如何將2個選擇改爲HTML？

回答

相關問題