亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

數據不顯示 ajax 和 javascript ci

數據不顯示 ajax 和 javascript ci

慕桂英546537 2023-05-11 10:10:08
我想使用ajax,javascript snd CI php 選擇選項 cat_id 在顯示相關子 cat-id 但不顯示數據后單擊。我正在測試警報數據顯示正常但沒有獲取 html 數據請分享寶貴的想法先生在這里分享代碼..阿賈克斯<script>     $(document).ready(function() {    $('#catid').on('click', function() {           var catid = $("#catid").val();           $.ajax({               url: "<?php echo base_url(); ?>get-form-detail",               type: "post",               data: "catid=" + catid,                success: function(response) {                   var res = JSON.parse(response);                                     for(i=0;i<res.length;i++)                            {                                                                //alert(res[i]['cat_title']);                                                                options +=  '<option value="' + res[i]['id'] + '">' + res[i]['cat_title'] + '</option>';                                $('#tbl').html(options);                             }                                                    }           });       });   });     </script>查看頁面<div class="row">                        <label class="col-sm-4 col-form-label text-right">Form Category : </label>                        <div class="col-sm-8">                           <div class="form-group">                              <select class="form-control" name="formID" id="formID">                                <div id="tbl"></div>                               </select>                           </div>                        </div>                     </div>
查看完整描述

2 回答

?
溫溫醬

TA貢獻1752條經驗 獲得超4個贊

將回調函數更改為


success: function(response) {

    let res = JSON.parse(response);

    let options = res.reduce((a,v)=>(`${a}<option value = "${v['id']}">${v['cat_title']}</option>`), '');

    $('#formID').html(options);                 

}

并使用此 html 代碼


<select class="form-control" name="formID" id="formID"></select>


查看完整回答
反對 回復 2023-05-11
?
四季花海

TA貢獻1811條經驗 獲得超5個贊

我知道你如何使用變量選項添加更多項目,但我有另一個解決方案


替換您的代碼:


   var x = document.getElementById("yourSelectElementId");


   for(i=0;i<res.length;i++){

                                

        var option = document.createElement("option");


        option.text = res[i]['id'];

        option.value= res[i]['id'];


        x.add(option);

                              

    }


查看完整回答
反對 回復 2023-05-11
  • 2 回答
  • 0 關注
  • 165 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號