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

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

在 Laravel 上使用 Jquery 和 Ajax 檢查單選按鈕時填充的下拉列表

在 Laravel 上使用 Jquery 和 Ajax 檢查單選按鈕時填充的下拉列表

蝴蝶不菲 2022-12-29 16:47:58
你好朋友,當我想基于選中的單選按鈕創建下拉菜單時,我遇到了問題,沒有錯誤,這里什么也沒有發生,我的代碼有什么問題?這是代碼<fieldset class="form-group">                    <div class="row">                        <label>Jenis Kegiatan : </label>                      <div class="col-sm-10">                        <?php $no=1; ?>                        @foreach ($jkData as $jk => $val)                        <div class="form-check">                        <input class="form-check-input" type="radio" name="jk_id" id="jk_id{{$no++}}" value="{{$jk}}">                        <label class="form-check-label" for="jk_id{{$no++}}">                            {{$val}}                          </label>                        </div>                        @endforeach                      </div>                    </div>                  </fieldset>                <div class="form-group">                    <label>Komponen Kegiatan : </label>                    <select class="form-control select2bs4 " name="kk_id" id="kk_id" style="width: 100%;">                        <option disabled="true" selected="true">--- Komponen Kegiatan ---</option>                    </select>                </div>
查看完整描述

1 回答

?
慕雪6442864

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

您沒有在 onchange 功能中使用正確的輸入收音機。這select[name="jk_id"]:checked -syntax是不正確的


將您的代碼更改jQuery為下面的代碼,它應該可以工作。


jQuery(document).ready(function() {

  jQuery('input[type=radio]').on('change', function() {

    var jk = jQuery(this).val();

    if (jk) {

      jQuery.ajax({

        url: 'pengajuan/getKK/' + jk,

        type: "GET",

        dataType: "json",

        success: function(data) {

          console.log(data);

          jQuery('select[name="kk_id"]').empty();

          jQuery.each(data, function(key, value) {

            $('select[name="kk_id"]').append('<option value="' +

              key + '">' + value + '</option>');

          });

        }

      });

    } else {

      $('select[name="kk_id"]').empty();

    }

  });

});


查看完整回答
反對 回復 2022-12-29
  • 1 回答
  • 0 關注
  • 85 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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