使用ajax從數據庫動態填充複選框

我是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>

來源

2012-07-10 Farid Siddiqui

使用谷歌和堆棧以前的帖子建議..如果你覺得任何代碼處理的問題，讓我們知道然後:)你自己寫一些代碼:)參考：http://api.jquery.com/jQuery.ajax / – swapnesh 2012-07-10 09:55:46

<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箱列表。

來源

2012-07-11 10:00:43

使用ajax從數據庫動態填充複選框

回答

相關問題