2012-07-10 99 views
0

我是JQuery新手。 (我想使用AJAX,JQuery,PHP)使用ajax从数据库动态填充复选框

我想从数据库动态填充复选框列表。

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

任何建议

<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> 
+0

使用谷歌和堆栈以前的帖子建议..如果你觉得任何代码处理的问题,让我们知道然后:)你自己写一些代码:)参考:http://api.jquery.com/jQuery.ajax / – swapnesh 2012-07-10 09:55:46

回答

0
<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调用返回的HTML使得chcek箱列表。

相关问题