Javascript 运行函数combobox为多个combobox填充的jQuery

Javascript 运行函数combobox为多个combobox填充的jQuery,javascript,jquery,combobox,Javascript,Jquery,Combobox,我有组合框 <select name="search_category[]" id="search_category_id"> <option value="" selected="selected"></option> <?php $query = "SELECT * FROM t_category ORDER BY category_name ASC"; $results = mysql_query($query)

我有组合框

 <select name="search_category[]"  id="search_category_id">
    <option value="" selected="selected"></option>
    <?php
    $query = "SELECT * FROM t_category ORDER BY category_name ASC";
    $results = mysql_query($query);

    while ($rows = mysql_fetch_assoc(@$results))
    {?>
        <option value="<?php echo $rows['category_id'];?>"><?php echo $rows['category_name'];?></option>
    <?php
    }?>
</select>

<span id="show_sub_categories" align="center">
如果我有多个不同id的组合框如何

例如:

<select name="search_category[]"  id="search_category_id1">
    <option value="" selected="selected"></option>
    <?php
    $query = "SELECT * FROM t_category ORDER BY category_name ASC";
    $results = mysql_query($query);

    while ($rows = mysql_fetch_assoc(@$results))
    {?>
        <option value="<?php echo $rows['category_id'];?>"><?php echo $rows['category_name'];?></option>
    <?php
    }?>
</select>

<select name="search_category[]"  id="search_category_id2">
    <option value="" selected="selected"></option>
    <?php
    $query = "SELECT * FROM t_category ORDER BY category_name ASC";
    $results = mysql_query($query);

    while ($rows = mysql_fetch_assoc(@$results))
    {?>
        <option value="<?php echo $rows['category_id'];?>"><?php echo $rows['category_name'];?></option>
    <?php
    }?>
</select>


我想要为2组合框运行函数。但是当尝试运行代码时,该函数只针对第一个combobox运行。(该函数基于第一个组合框填充第二个组合框)。

您需要在
$.post.success
处理程序中加载第二个
选择
。示例(未测试):

<select name="search_category[]"  id="search_category_id1">
    <option value="" selected="selected"></option>
    <?php
    $query = "SELECT * FROM t_category ORDER BY category_name ASC";
    $results = mysql_query($query);

    while ($rows = mysql_fetch_assoc(@$results))
    {?>
        <option value="<?php echo $rows['category_id'];?>"><?php echo $rows['category_name'];?></option>
    <?php
    }?>
</select>

<select name="search_category[]"  id="search_category_id2">
    <option value="" selected="selected"></option>
    <?php
    $query = "SELECT * FROM t_category ORDER BY category_name ASC";
    $results = mysql_query($query);

    while ($rows = mysql_fetch_assoc(@$results))
    {?>
        <option value="<?php echo $rows['category_id'];?>"><?php echo $rows['category_name'];?></option>
    <?php
    }?>
</select>
$.post("get_chid_categories.php", 
    { parent_id: $('#search_category_id1').val() },
    function (response){
        loadSelect("search_category_id2", response);
    }
);

function loadSelect(id, response){
    $('#loader').hide();
    $('#show_heading').show();

    var target = $('#' + id);
    target.html(decodeURIComponent(response));
    if (!target.is(":visible")) {
        target.fadeIn();
    }
}