Как изменить форму HTML с 2 выборами на Javascript? - PullRequest
Новая
       28

Как изменить форму HTML с 2 выборами на Javascript?

0 голосов
/ 02 ноября 2011

Я работаю со следующей формой 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>

Для действия / python / stats требуется 2 параметра. Как я могу отредактировать эту форму (в javascript?) Так, чтобы действие вызывалось каждый раз при изменении любого из вариантов выбора?

1 Ответ

1 голос
/ 02 ноября 2011

свойство 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>
...