根据第一个下拉值填充第二个下拉列表

Question

test.html 中的表格是在按钮单击添加事件时动态创建的。 var i 在脚本中更靠前。

html 运行并允许我从服务选择中选择一个值（第一个下拉菜单中的选择应该只返回一个 0、1、2）。选择的值通过帖子传递到 support/descriptions.php，进行 mysql 查询，我希望将结果数组返回给名为 description 的选择。我目前没有得到关于数组警报的值或返回第二个选择的值，但我也没有得到任何错误。您是否在 php 文件中看到任何阻止数组被填充的内容？第二个下拉列表的 div 也没有被填充的原因是什么？

第二个警报返回一条消息，内容如下：

<option value="Array">Array</option>
<option value="Array">Array</option>
<option value="Array">Array</option>
<option value="Array">Array</option>
<option value="Array">Array</option>

test.html

$(document).on('change', '.service', function () {  
        var element = $(this);
        var I = element.attr("id");
       $.post("support/descriptions.php", {
            id: $(this).val()           
        },
        function (data) {
    var response = (data).split(";", 2);
            alert(response[0]);
            alert(response[1]);
    $("#descript" + I).html(response[1]);
        });
        return false;
    });


<table>
        <th>Catagory</th>
        <th>Select Item</th>
    <tr>
        <td>
            <select class ="service" name="service' + i + '" id="' + i + '">
                <option value="0">Select One</option>
                <option value="1">Hardscape</option>
                <option value="2">Plants</option>
            </select>
        </td>
        <td>
            <select name="description' + i + '" id="' + i + '"><div id="descript' + i + '"></div></select>
        </td>
    </tr>
</table>

descriptions.php

<?php
include('db_connection.php');

$id = $_POST['id'];
    if ($id == 1){
    $result = mysql_query("SELECT Distinct description FROM hardscape");
    }
    if($id == 2){
    $result = mysql_query("SELECT Distinct description FROM plants");
    }

$options = '<option value="Select One">Select One</option>';
while($row = mysql_fetch_array($result)) { 
        $options .= '<option value="'. $row['description'] .'">'. $row['description'] .'</option>';
    }
echo $id .";".$options.";";
    ?>

更新 -

我的数组没有被填充的问题是因为我使用了“;”作为解析。我发现我的数据有“;”在他们里面所以为了测试我改变了

echo $id .";".$options.";";

到

echo $id ."~".$options."~";

我也将我的 div 从内部更改为外部

<select name="description' + i + '" id="' + i + '"><div id="descript' + i + '"></div></select>

到

<div id="descript' + i + '"><select name="description' + i + '" id="' + i + '"></select></div>

最后但同样重要的是，我必须将我的 php 文件更改为以下内容以重建整个选择：

$options = '<select><option value="Select One">Select One</option>';
while($row = mysql_fetch_array($result)) { 
    $options .= '<option value="'. $row['description'] .'">'. $row['description'] .'</option>';
    }
    $options .='</select>';
echo $options;

Answer 1

$row 是一个数组，要获取字段description，您必须从数组中获取它，$row['description']

$options .= '<option value="'. $row['description'] .'">'. $row['description'] .'</option>';