Получить значения раскрывающегося списка на основе первого раскрывающегося списка

PHP / MYSQL

<div style="width:810px; margin:inherit; padding-left:170px;"> <select style="width:300px;" id="n" name="userListingCateory"> <option disabled="disabled">Category...</option> <?php while($row = $sth2->fetch(PDO::FETCH_ASSOC)) {echo "<option value=". $row['catID'] . ">" .$row['catName']."</option>";} unset($sth2); ?> </select> <select style="width:340px;" id="n" name="userListingSubCateory"> <option disabled="disabled">Sub-Category...</option> <?php while($row = $sth3->fetch(PDO::FETCH_ASSOC)) {echo "<option value=". $row['scatID'] . ">" .$row['scatName']."</option>";} unset($sth3); ?> </div> </select> 

Этот HTML-код содержит все категории и подкатегории в двух таблицах [Category] и [SubCategory]

Php / mysql, который должен запускаться при нажатии на раскрывающееся меню [Category] будет выглядеть так:

 SELECT scatID, scatName FROM Category C, SubCategory SC WHERE C.catID = SC.catID AND C.catID = $origCatIDSelected; 

Как получить это, чтобы получить sub-categories зависимости от выбранной category ?

Есть ли простой способ реализовать в jquery / php?

благодаря

Solutions Collecting From Web of "Получить значения раскрывающегося списка на основе первого раскрывающегося списка"

Вы можете использовать обработчик события change (), который выполняет функцию AJAX для передачи текущей выбранной категории в файл PHP, содержащий код для запроса вашей базы данных, а затем возвращает обновленный вывод на клиентскую сторону через обратный вызов успеха, встроенный в Функция AJAX в jQuery.

Кроме того, вам следует избегать использования одного и того же идентификатора для нескольких объектов, поскольку атрибут ID должен быть уникальным.