显示基于 First Drop Down PHP JS 的第二个下拉菜单答案

【问题标题】：Show 2nd Dropdown based on First Drop Down PHP JS显示基于 First Drop Down PHP JS 的第二个下拉菜单
【发布时间】：2012-03-18 02:30:51
【问题描述】：

PHP/HTML

            <select 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 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);
            ?>

这给了我正确的两个下拉菜单，其中包含来自数据库的值。 http://i.stack.imgur.com/s9rWB.png http://i.stack.imgur.com/4psBC.png（管理员请出示）我如何获得这个（使用 JS 或 PHP）来禁用“子类别”，直到选择“类别”，然后根据类别中选择的值，将启用“子类别”下拉菜单与最初选择的类别有关的值？？

类别和子类别的两个数据库表是：类别：catID (Pk) 猫名

子类别：scatID (PK) scatName

（管理员请显示图片）

有人吗？

【问题讨论】：

你必须用 javascript 来做这个
这可以用jquery轻松完成吗？如果是这样，您能否为我的问题提供一个示例？

标签： php javascript mysql

【解决方案1】：

首先，您正在混合应用程序的两个独立状态和两个关键部分。

生成脚本后，它会被发送到浏览器，然后会出现停机时间，直到响应返回。但你似乎明白这一点。

另一个关键部分是从视图部分中提取脚本中的数据逻辑。不需要任何复杂的 MVC 框架来做到这一点，至少在脚本顶部获取两个部分的数据会使其更简单。

这是一种大致的方法，可以根据您的技术或框架进行调整：

<?php

//Read the data
$data = $data2 = array();
$datares = mysql_query('SELECT * FROM categories');
$data2res = mysql_query('SELECT * FROM subcategories');
while($datarow = mysql_fetch_assoc($datares)){
    $data[$datarow['id']] = $datarow;
}
while($data2row = mysql_fetch_assoc($data2res)){
    $data2[$data2row['parentid']][$data2row['id']] = $data2row;
}

//If this is a postback
if($_SERVER['REQUEST_METHOD'] == 'POST'){
    if(isset($_POST['userListingCateory']) && in_array($_POST['userListingCateory'], array_keys($data))){
        $subcategorydata = $data2[$_POST['userListingCategory']];
    }
}

/* put all the rest of the code you think you need here */

?>
<select name="userListingCategory">
<?php foreach($data as $dataitem){ ?>
    <option value="<?php echo $dataitem['id']; ?>"<?php if($_POST['userListingCategory'] == $dataitem['id']){ echo ' selected="SELECTED"'; } ?> ><?php echo $dataitem['label']; ?></option>
<?php } ?>
</select>

<?php if(isset($subcategorydata)){ ?>
<select name="userListingSubCateory">
<?php foreach($subcategorydata as $dataitem){ ?>
    <option value="<?php echo $dataitem['id']; ?>"<?php if($_POST['userListingSubCateory'] == $dataitem['id']){ echo ' selected="SELECTED"'; } ?> ><?php echo $dataitem['label']; ?></option>
<?php } ?>
</select>
<?php } ?>

我希望这能让你开始......

祝你好运

【讨论】：