かなり新しい JS/JQuery プログラマーです。同様に、特に要求されていない場合でも、すべてのフィードバックを歓迎します。
SQL テーブルのデータによって動的に入力されるドロップダウン リストがいくつかあります。ユーザーが「その他」を選択すると、DDL の下にテキスト フィールドが表示され、カスタム値を入力できるように設定しています。これらのカスタム値は、DDL に表示されるように DB に追加する必要があります。ページにはこれらの DDL がたくさんあるので、DB の更新と DDL の更新は、ページ全体に入力してページの送信時に行うのではなく、(ユーザーのクリック時に) すぐに行う必要があります (これにより、必要なフィールドがたくさんあるのでデバッグしてください)。
したがって、これまでの私のコードは次のようになります。
<label for="IDIQs">Associated IDIQ/BPA:</label>
<select id="IDIQs" required>
</select>
<br>
<div id="IDIQs_other_div" class="other_field">
<label for="IDIQs_other">Other IDIQ/BPA:</label><br><input type="text" name="IDIQs_other" id="IDIQs_other" size="50" required/><br>
<input type="submit" value="Add Contract Vehicle Type to Database" name="IDIQs_other_submit" onClick='updateDB("IDIQs");'>
</div>
この入力タイプはブラウザーによって解釈され、フォーム全体の送信ボタンであることを意味するため、これは明らかに機能しません。
これを実現するための最も簡単でベストな方法は何ですか?
「あると便利な」機能は、すべてが完了したら、新しく入力された値が DDL で選択された値になることです。
このページでは、通常の JavaScript と同様に JQuery を使用しています。