1

我有一张包含物种分类名称的表格。So there are separate columns for each species, domain, kingdom, phylum, etc. I am using a select boxes for each of these classifications, and what I need to happen is when the first one (Domain) is selected, the database is queried获取所有域是前一个选择的值的王国。

这是我在“search.php”中的 PHP 内容：

<select name="domain" id="domain">
<option value="standard">-- Domain --</option>
<?php while($row = mysql_fetch_array($get_domains, MYSQL_NUM))
{
  echo "<option value='$row[0]'>$row[0]</option>";
} ?>
</select>

<select name="kingdom" id="kingdom" >
<option value="standard">-- Kingdom --</option>
<?php 
        $result = array();
    $domain = $_POST['domain'];
    $get_kingdoms = mysql_query("SELECT DISTINCT sci_kingdom FROM tbl_lifedata WHERE sci_domain = $domain");
    while($row = mysql_fetch_array($get_kingdoms, MYSQL_NUM))
    {
         $result[] = array(
             'name' => $row[0]
         );
    }
    echo json_encode($result);
?>
</select>

这就是我的 jquery 中的内容：

$('#domain').change(function() {
    $domain = $('#domain option:selected').val();

    if ($domain == 'standard') {
        $('#kingdom').attr('disabled', 'disabled');
        $('.btn-cover').text('Select a Domain:');
    } else {
        $('#kingdom').removeAttr('disabled', 'disabled');
        $('.btn-cover').text('Select a Kingdom:');
    }
});

$('#kingdom').change(function() {
    $kingdom = $('#kingdom option:selected').val();

    if ($kingdom == 'standard') {
        $('#domain').removeAttr('disabled', 'disabled');
        $('#phylum').attr('disabled', 'disabled');
        $('.btn-cover').text('Select a Kingdom:');

    } else {
        $('#domain').attr('disabled', 'disabled');
        $('#phylum').removeAttr('disabled', 'disabled');
        $('.btn-cover').text('Select a Phylum:');
        $.post("search.php", {
            'domain': option
        }, function(data) {
            var sel = $("#kingdom");
            sel.empty();
            for (var i = 0; i < data.length; i++) {
                sel.append('<option>' + data[i].name + '</option>');
            }
        }, "json");
    }
});​

我很难理解 .post() 函数的工作原理。我确切地知道我想做什么，只是不知道该怎么做。

我的目标： - 获取更改时域选择框的值 - 在 mysql 查询中使用该值来获取相关王国 - 使用 jquery 执行查询，然后填充王国选择框

谢谢！

4

0 回答 0