私は小さなhtml電卓を持っています.2つの数字を入力することができます.2つの別々のボタンを使ってそれらを加算または減算することができます.
<form method="post" action="<%= actionURL %>" >
<input type="text" name="x" value="${x}"/>
<input type="text" name="y" value="${y}"/>
<input type="submit" name="add" value="add"/>
<input type="submit" name="subtract" value="subtract"/>
</form>
select
2 つのボタンを、ユーザーがオプションの 1 つを選択したときにフォームを送信する要素に置き換えたいと思います。これまでのところ、次のものがあります。
<form method="post" action="<%= actionURL %>" >
<input type="text" name="x" value="${x}"/>
<input type="text" name="y" value="${y}"/>
<select name=operation onChange="this.form.submit()">
<option value="add">Add</option>
<option value="subtract">Subtract</option>
</select>
</form>
これで、「追加」と「減算」オプションを含むドロップダウン ボックスが表示されます。「減算」を選択するたびに、フォームが送信さoperation
れ、サーバーでリクエストのパラメーターを確認できます。ただし、ドロップダウン ボックスをクリックしてから [追加] をクリックしても、[onChange
追加] が既に選択されているため、イベントは発生せず、フォームは送信されません。ユーザーが既に選択されているオプションを選択したときに、フォームを送信する方法はありますか?