1

我正在练习这个

这是一个工作演示

在这里我可以重复代码：

jQuery代码：

        $(document).ready(function() {
        //$('#loader').hide();
        $('.parent').livequery('change', function() {
            $(this).nextAll('.parent').remove();
            $(this).nextAll('label').remove();
            $('#show_sub_categories').append('<img src="loader.gif" style="float:left; margin-top:7px;" id="loader" alt="" />');
            $.post("get_chid_categories.php", {
                parent_id: $(this).val(),
            }, function(response){
                setTimeout("finishAjax('show_sub_categories', '"+escape(response)+"')", 400);
            });
            return false;
        });
    });

    function finishAjax(id, response){
      $('#loader').remove();

      $('#'+id).append(unescape(response));
    }

HTML：

<div id="show_sub_categories">
    <select name="search_category" class="parent">
    <option value="" selected="selected">-- Categories --</option>
    <?php
    $query = "select * from ajax_categories where pid = 0";
    $results = mysql_query($query);

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

</div>

get_child_categories.php

<?php

include('dbcon.php');

if($_REQUEST){
$id = $_REQUEST['parent_id'];

$query = "select * from ajax_categories where pid = ".$id;
$results = @mysql_query( $query);
$num_rows = @mysql_num_rows($results);
if($num_rows > 0)
{?>
    <select name="sub_category" class="parent">
    <option value="" selected="selected">-- Sub Category --</option>
    <?php
    while ($rows = mysql_fetch_assoc(@$results))
    {?>
        <option value="<?php echo $rows['id'];?>"><?php echo $rows['category'];?></option>
    <?php
    }?>
    </select>   
<?php   
}
else{echo '<label style="padding:7px;float:left; font-size:12px;">No Record Found !</label>';}
}
?>

它是使用 jQuery、ajax 和 php 从 mySql 数据库获取项目的下拉菜单（组合框）的 N 级动态加载。一切都很好，但我的 HTML 中有这个： 

<select name="search_category" class="parent">...</select>  
<select name="sub_category" class="parent">...</select>  
<select name="sub_category" class="parent">...</select>  
<select name="sub_category" class="parent">...</select>

我想为每个选择标签选择选定的项目，但由于它们具有相同的名称属性值，我想我做不到。请告诉我一些将名称更改为 sub_category1、sub_category2、... 或其他一些工作方式的方法。

4

1 回答 1

0

这是我找到的解决方案：

我在显示其内容的最后一个组合之后添加了此脚本： 

$("#show_sub_categories select").attr("id", function(i) {
    return "combo_" + i;
});

把它放在 get_child_categories.php 中的最后一个 else
干杯！

于 2012-06-29T11:10:33.643 回答