微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

enter image description here


<?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调用获取所有下拉数据,但是之后,您需要根据要求进行客户端验证.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐