第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

JS .append 來自 PHP 結(jié)果 - FullCalendar

JS .append 來自 PHP 結(jié)果 - FullCalendar

慕俠2389804 2022-10-13 16:09:57
我正在學(xué)習(xí)在 JS 中移動(dòng),并且正在使用 PHP 實(shí)現(xiàn) fullCalendar。到目前為止一切順利,我的基本功能正常工作:從 PHP + MySQL 提取/存儲(chǔ)/更新......一切都很好!現(xiàn)在的問題在于我想用從數(shù)據(jù)庫中提取的 PHP 數(shù)據(jù)填充下拉菜單 [Students],其中 JS 構(gòu)建了一個(gè)模態(tài),我認(rèn)為應(yīng)該使用 AJAX,但我無法弄清楚如何。在當(dāng)前代碼下方,除了下拉起點(diǎn)之外沒有添加任何內(nèi)容,并附上圖片。先感謝您:    /* on select */CalendarApp.prototype.onSelect = function (start, end, allDay) {    var $this = this;        $this.$modal.modal({            backdrop: 'static'        });        var form = $("<form></form>");        form.append("<div class='row'></div>");        form.find(".row")            .append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Event Name</label><input class='form-control' placeholder='Insert Event Name' type='text' name='title'/></div></div>")            .append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Category</label><select class='form-control' name='category'></select></div></div>")            .append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Students</label><select class='form-control' name='students'></select></div></div>")            .find("select[name='category']")            .append("<option value='bg-danger'>Danger</option>")            .append("<option value='bg-success'>Success</option>")            .append("<option value='bg-purple'>Purple</option>")            .append("<option value='bg-primary'>Primary</option>")            .append("<option value='bg-pink'>Pink</option>")            .append("<option value='bg-info'>Info</option>")            .append("<option value='bg-warning'>Warning</option></div></div>");        $this.$modal.find('.delete-event').hide().end().find('.save-event').show().end().find('.modal-body').empty().prepend(form).end().find('.save-event').unbind('click').click(function () {            form.submit();        });
查看完整描述

1 回答

?
慕村225694

TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個(gè)贊

使用 jQuery,您可以使用ajax函數(shù)。此函數(shù)使 http 請求在完成時(shí)調(diào)用回調(diào)。有多個(gè)回調(diào)和設(shè)置它們的方法,我建議您查看文檔。在這種情況下,我們使用done,它僅在請求成功時(shí)才被調(diào)用。
為了在附加選項(xiàng)時(shí)避免字符串插值,我使用第二個(gè)屬性參數(shù)來設(shè)置值和文本。

var form = $("<form></form>");

$("body").append(form)

form.append("<div class='row'></div>");

form.find(".row")

  .append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Students</label><select class='form-control' name='students'></select></div></div>");

  

$.ajax({

  url: "path/to/students/endpoint",

  dataType: "json", //assuming you return json from you php script

}).done(function (students){

  //assuming students is an array of names

  var select = form.find('select[name=students]');

  for(var name of students) {

    select.append($("<option></option>", {

      value: name,

      text: name

    }))

  }

})




//Since this is an example and I cant actually make an ajax call

function fakeAjaxResponse(students) {

  var select = form.find('select[name=students]');

  for(var name of students) {

    select.append($("<option></option>", {

      value: name,

      text: name

    }))

  }

}


fakeAjaxResponse([

  "StudentA",

  "StudentB"

])

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>



查看完整回答
反對 回復(fù) 2022-10-13
  • 1 回答
  • 0 關(guān)注
  • 111 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)