使用ajax PHP在每个dowpdown中动态填充Dropdown

这是我的php CodeIgniter代码,它正在生成30个下拉列表,该下拉列表也从数据库中填充,并且工作完全正确.
这是我的下拉列表的预览.每个列表将填充相关的并行字段使用ajax PHP在每个dowpdown中动态填充Dropdown

<?php for($i=1; $i<=30; $i++){ ?>
<div class="form-group c">
    <div class="col-sm-12">
        <div class="input-group">
            <div class="col-xs-12 col-sm-12 <?php if (form_error('iat_code_'.$i)) { echo "has-error";} ?>">
                <?php
                          $itm_iat_codes = $itm_iat_code_1.$i;
                          if(isset($itm_iat_codes)){$itm_iat_codes;}else{$itm_iat_codes = "";}
                          echo form_dropdown(
                              'iat_code_'.$i,
                              $ProductAttributeTitle,'',
                              'class="col-xs-12 col-sm-6 required-field form-control"  
                              id="iat_code_'.$i.'" placeholder="IAT Code" tabindex="1" data-style="form-control" required');
                ?>
            </div>
            <?php echo form_error('iat_code_'.$i, '<div for="iat_code_'.$i.'" class="alert-danger">', '</div>'); ?>
        </div>
    </div>
</div>
<?php    }?>

这是另一个代码,它也会生成30个空的下拉菜单,这些下拉列表将使用Ajax填充.
PHP代码

`<?php for($i=1; $i<=30; $i++){ ?>
<div class="form-group c">
    <div class="col-xs-12 col-sm-12">
        <div class="input-group">
            <select name="istbs_code_<?php echo $i; ?>" class="col-xs-12 col-sm-6 required-field form-control" id="istbs_code_<?php echo $i; ?>" placeholder="ISTBS Code" tabindex="1" data-style="form-control">
                <option value="">Select Option</option>
            </select>
        </div>
    </div>
</div>
<?php } ?>`

这是我的ajax代码,可从数据库填充其他下拉列表.

$("#iat_code_1").change(function(){
        var json = {};
        var abc = json['iat_code_1'] = $(this).val();
        var request = $.ajax({
            url: "<?php echo base_url($controller.'/get_product_attributes'); ?>",
            type: "POST",
            data: json,
            dataType: "html",
            success : function(response){
                $("#istbs_code_1").html(response);
            }
        });   
    });

现在的问题是我要面对的是ajax,如果我为此目的填充了所有30个下拉列表,则我必须制作30个ajax函数,但我只想使用一个ajax函数,是否可行去做吧?如果有人知道,请帮助.

解决方法:

在这里,您可以使用单个ajax调用来获取所有下拉数据,但是之后,您需要根据要求进行客户端验证.

上一篇:php-Codeigniter分页显示结果数和页数


下一篇:php-如何将参数传递给控制器​​(测试)