動態級聯下拉框
此範例示範了動態下拉方塊的創建,該動態下拉方塊基於以下內容填充第二個下拉框選擇第一個下拉框,如必填。
說明:
第一個下拉框:
jQuery/AJAX:
update.php:
AJAX 成功函數:
範例程式碼:
tester.php:
<select name="gender">
upda te.php:
if (!empty($_GET['id']) && !empty($_GET['value'])) { $id = $_GET['id']; $value = $_GET['value']; $sql = "SELECT * FROM `category` WHERE `master` = ?"; $statement = $objDb->prepare($sql); $statement->execute(array($value)); $list = $statement->fetchAll(PDO::FETCH_ASSOC); if (!empty($list)) { $out = array('<option value="">Select one</option>'); foreach ($list as $row) { $out[] = '<option value="' . $row['id'] . '">' . $row['name'] . '</option>'; } echo json_encode(array('error' => false, 'list' => implode('', $out))); } else { echo json_encode(array('error' => true)); } } else { echo json_encode(array('error' => true)); }
機制:
以上是如何使用 jQuery 和 AJAX 建立動態級聯下拉方塊?的詳細內容。更多資訊請關注PHP中文網其他相關文章!