jQuery, AJAX, PHP 및 MySQL을 사용하여 동적 종속 드롭다운 상자를 만드는 방법은 무엇입니까?

PHP/MySQL과 함께 jQuery/AJAX를 사용하여 동적 종속 드롭다운 상자 만들기

동적 드롭다운 상자 집합을 만드는 것을 목표로 하여 다음을 시도합니다. jQuery/AJAX와 PHP/MySQL을 사용하세요. 목표는 두 번째 드롭다운이 첫 번째 드롭다운의 선택 항목에 따라 값을 표시하는 것입니다. HTML, PHP 및 JavaScript 코드 조각은 이러한 노력을 강조하지만 두 번째 드롭다운을 채우는 데 어려움을 겪습니다.

성공을 위해 조정된 코드

문제를 해결하려면 코드에 약간의 조정이 필요합니다:

수정됨 document.ready:

$().ready(function() { // or $(function() {});

JSON 결과에 대한 수정된 반복:

$.each(data.subjects, function(i, val){    
   $('select#item_2').append(`<option value="${val.id}">${val.name}</option>`);
});

추가 고려 사항:

• 코드가 포함되어 있는지 확인하세요. <스크립트> 태그는 HTML 문서의 태그입니다.
• AJAX 호출을 수행하는 페이지에서 groups.php 파일에 액세스할 수 있는지 확인하세요.
• AJAX 호출 URL에 item_1_id가 설정되어 있는지 확인하세요.

이러한 조정을 통합하면 두 번째 드롭다운이 첫 번째 드롭다운의 선택 항목을 기반으로 데이터로 성공적으로 채워집니다. 이 접근 방식에서는 동적 데이터 검색에 jQuery/AJAX를 사용하고 데이터베이스 작업에 PHP/MySQL을 사용합니다.

위 내용은 jQuery, AJAX, PHP 및 MySQL을 사용하여 동적 종속 드롭다운 상자를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!