jQuery、AJAX、PHP、MySQL を使用して動的な依存ドロップダウン ボックスを作成する方法

Mary-Kate Olsen
リリース: 2024-11-16 15:11:03
オリジナル
390 人が閲覧しました

How to Create Dynamic Dependent Dropdown Boxes Using jQuery, AJAX, PHP, and MySQL?

PHP/MySQL で jQuery/AJAX を使用した動的な依存ドロップダウン ボックスの作成

ドロップダウン ボックスの動的なセットを作成することを目的として、次のことを試みます。 jQuery/AJAX と PHP/MySQL を使用します。目的は、最初のドロップダウンでの選択に基づいて 2 番目のドロップダウンに値を表示することです。 HTML、PHP、および JavaScript のコード スニペットではこれらの取り組みが強調表示されていますが、2 番目のドロップダウンを入力する際に​​問題が発生します。

成功に向けて調整されたコード

この問題を解決するには、コードにはいくつかの調整が必要です:

変更された document.ready:

$().ready(function() { // or $(function() {});
ログイン後にコピー

JSON 結果の改訂されたループ:

$.each(data.subjects, function(i, val){    
   $('select#item_2').append(`<option value="${val.id}">${val.name}</option>`);
});
ログイン後にコピー

追加の考慮事項: