如何用2个选项改变HTML表单到Javascript

How to change HTML form with 2 selections to Javascript?

本文关键字：表单 Javascript HTML 改变 何用 2个 选项      更新时间：2023-09-26

我正在使用以下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>

action/python/stats需要2个参数。我如何编辑这个表单(javascript?)，以便每次调用的选择是改变?

表单标签中的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>
相关文章：