フォーム - |TEXTFIELD| |ドロップダウン1| |ドロップダウン2| |送信|
フォームは送信ボタンを押すことで送信できるので、うまくいきます。
ここでの私の望みは、ユーザーが DROPDOWN1 の値を変更しても、TEXTFIELD に何も書き込まず、DROPDOWN2 の値を変更しない場合、送信ボタンを押さずにフォームが送信されることです。
コードの一部が必要な場合は、リクエストしてください。ただし、必要ないと思いますので、リクエストなしでは投稿しません。
フォーム - |TEXTFIELD| |ドロップダウン1| |ドロップダウン2| |送信|
フォームは送信ボタンを押すことで送信できるので、うまくいきます。
ここでの私の望みは、ユーザーが DROPDOWN1 の値を変更しても、TEXTFIELD に何も書き込まず、DROPDOWN2 の値を変更しない場合、送信ボタンを押さずにフォームが送信されることです。
コードの一部が必要な場合は、リクエストしてください。ただし、必要ないと思いますので、リクエストなしでは投稿しません。
最も簡単な方法は次のようなものです。
document.getElementById('DROPDOWN1').addEventListener('change', function () {
if (!document.getElementById('TEXTFIELD').value &&
!document.getElementById('DROPDOWN2').value
) {
this.form.submit();
}
});
基本的に、change
そのドロップダウンでイベントがトリガーされたときにフォームを送信します。
.submit()
条件が満たされたときにフォームでメソッドを呼び出すだけです。
document.getElementById("formid").submit();
onchange
テキストフィールドの値をイベントリスナーとしてチェックする関数内にこれをラップする必要があります。