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

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

jQuery成功后刷新selectpicker選項不起作用

jQuery成功后刷新selectpicker選項不起作用

牛魔王的故事 2022-10-21 14:56:59
我試圖在執行另一個 jQuery 后刷新選擇。我首先使用 cURL 創建選擇選項,它會生成這樣的代碼。$json_dropdown = '[{"id":"1475471145964056","name":"Option1"},{"id":"935675176941821","name":"Option2"},{"id":"555309881810660","name":"Option3"},{"id":"304608093904515","name":"Option4"}]';然后我有看起來像 htis 的 HTML<h2>Delete topic</h2><div class="form-group"><select class="form-control selectpicker show-tick" name="topic" id="topic_del" data-show-subtext="true" data-live-search="true"  showIcon="true" data-style="btn-default" data-size="8" data-width="100%" title="Choose a TOPIC to DELETE..." required></select></div>    <div class="form-group">    <button type="button" class="btn btn-danger" id="delete_topic">Delete Topic</button></span></div><div id="results_del"></div>我正在使用此 jquery 將選項加載到選擇中$('#topic_del').click(function(){    var a = {Topic:<?echo $json_dropdown; ?>}    $.each(a.Topic, function topics (key, value) {        $("#topic_del").append($('<option></option>').attr('data-tokens',value.id).val(value.id).html(value.name));        //$("#topic").attr('data-tokens',value.id);    });});哪個工作正常。然后我有另一個腳本來使用 ajax 從選擇中刪除一個選項// Delete Topic$('#delete_topic').click(function(){    // bind 'myForm' and provide a simple callback function       $(this).prop("disabled", true);      // add spinner to button    $(this).html(        `<i class="fa fa-spinner fa-spin"></i> Deleting Topic`      );    $(this).removeClass("btn-danger");    $(this).addClass("btn-warning");        var type = $("#type").val();    var action = $("#action_del").val();    var account = $("#account").val();    var topic = $("#topic_del").val();       return false;});在這個腳本中,我想要實現的是在刪除腳本成功后刷新選項,使用我最初創建選項時使用的相同腳本。似乎我做錯了什么,但我不知道是什么。更新剛剛意識到,如果我刪除selectpicker并嘗試刪除我剛剛從選擇中刪除的選項,這樣$("#topic_del option[value='" +topic+ "']").remove();它就會成功。但是,如果我放回去,selectpicker它不會刪除該選項??赡苁沁x擇器不允許這樣做嗎?
查看完整描述

2 回答

?
慕運維8079593

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

多虧了這個帶有添加或刪除值的線程 Selectpicker,我才能夠實現該功能

通過在成功中添加這兩行

$('.selectpicker option:selected').remove();
$('.selectpicker').selectpicker('refresh');


查看完整回答
反對 回復 2022-10-21
?
藍山帝景

TA貢獻1843條經驗 獲得超7個贊

還有一件事。似乎$('.selectpicker').selectpicker('refresh');只有在此之前有任何其他操作時才會執行,例如$('.selectpicker option:selected').remove();



查看完整回答
反對 回復 2022-10-21
  • 2 回答
  • 0 關注
  • 352 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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