How to change HTML form with 2 selections to Javascript?

210 Views Asked by user574435 At 10 April 2025 at 14:14

I am working with the following HTML form:

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

The action /python/stats requires 2 parameters. How can I edit this form (to javascript?) so that the action is called each time either of the selects is changed?

Original Q&A

There are 1 best solutions below

Nick Rolando On 02 November 2011 at 00:48 BEST ANSWER

the action property in the form tag specifies the location to submit the form to. To do this with an onchange event is, you can do a form submit in the event.

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

How to change HTML form with 2 selections to Javascript?

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in HTML

Related Questions in POST

Related Questions in MOD-PYTHON

Trending Questions

Popular # Hahtags

Popular Questions