Question

我是JQuery的新手。（我想用AJAX，JQuery，PHP）

我正在尝试动态填充数据库中的复选框列表。

我所拥有的是一个下拉。基于所选的选项，我想查询数据库，并根据记录集，我想动态显示复选框。

任何建议

<script>
     $(function(){
        $("#softwareapp").change(function(){
           if($(this).val() > 0){
           var app_id = $('#softwareapp').val();    
           $.ajax({         
                type: "POST",
                url: "<?php echo base_url(); ?>ajaxcalls/get_softwareappversions/"+app_id,
                data:{savid = $(this).val()},
                success: function(data){
                      var _table = $("<table></table>");
                      for(var i = 0; i< data.length; i++){
                          $("<tr></tr>").append($("<td></td>").html("<label><input type='checkbox' value='data[i]' name='softappver[]'/>" + data[i] + "</label>")).appendTo(_table);
                      }
                      $("#displayappversions").html("").append(_table);
                }
           });
           }
        });
     })

出于某种原因，这已停止工作。我试图摆脱桌子上的东西。

以下是我的HTML：

<select name="softwareapp" id="softwareapp">
    <option value="0" selected="selected">Please select</option>
    <option value="1">SAP</option>
    <option value="2">SAGE</option>
    <option value="3">SWIFT</option>
</select>


<div class="form-row"> 
    <p class="form-label">Application Version</p>
    <div class="form-item" id="displayappversions">
        <!--- VERSIONS ARE SUPPOSE TO COME HERE--->
    </div>
</div>

Answer 1

<script type="text/javascript">
$(document).ready(function(){
  $("#vendor").change(function(){
    if($(this).val() > 0){
        $("#displayappversions").load("<?php echo base_url(); ?>ajaxcalls/get_softwareappversions/" + $(this).val());
    }
  });
});

我的ajax调用正在返回生成chcek框列表的HTML。

使用ajax从数据库动态填充复选框

1 个答案: