ホームページ  >  記事  >  データベース  >  jQuery、AJAX、PHP、MySQL を使用して動的な依存ドロップダウン ボックスを作成する方法

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-16 15:11:03391ブラウズ

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>`);
});

追加の考慮事項: