Question

像标题所说，我试图根据另一个选择元素来填充一个选择元素。

我已经提出了这个代码，当我通过实时搜索从数据库中检索记录但是这里没有触发的时候，这个代码很有用，所以请帮助我们：

$(document).ready(function() {  

    function search() {
        var query_value = $('select#category_id').val();

        if(query_value !== ''){
            $.ajax({
                type: "POST",
                url: "ajax_php/subcategory.php",
                data: { category: query_value},
                cache: false,
                success: function(html){
                    $("select#subcateogry").html(html);
                }
            });
        }return false;    
    }

});

PHP代码简而言之，我正在捕获post变量，进行查询和回显：

echo "<option value='".$result['id']."'>".$result['subcategory']."</option>";

HTML：

<p>
    <label>Item Subcategory:</label>
    <select id='subcategory' name='subcategory'>

    </select>
</p>

我在这里缺少任何明显的错误吗？

由于

Answer 1

您可以在类别部分的onchange事件上调用ajax方法我在代码中做了一些更改请看一下成功：functon（数据）// HTML

$('select#category_id').onChange(function(){
  search();
}); 


function search() {
    var query_value = $('select#category_id').val();
    if(query_value !== ''){
        $.ajax({
            type: "POST",
            url: "ajax_php/subcategory.php",
            data: { category: query_value},
            cache: false,
            success: function(data){
                $("select#subcateogry").html(data);
            }
        });
    }return false;    
}

基于类别选择通过Ajax检索子类别选择选项

1 个答案: