我試圖在執(zhí)行另一個 jQuery 后刷新選擇。我首先使用 cURL 創(chuàng)建選擇選項,它會生成如下代碼。$json_dropdown = '[{"id":"1475471145964056","name":"Option1"},{"id":"935675176941821","name":"Option2"},{"id":"555309881810660","name":"Option3"},{"id":"304608093904515","name":"Option4"}]';然后我的 HTML 看起來像 htis<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;});在此腳本中,我想要實現(xiàn)的是在刪除腳本成功后刷新選項,使用與最初創(chuàng)建選項相同的腳本??磥砦易鲥e了什么,但我不知道是什么。更新剛剛意識到,如果我刪除selectpicker并嘗試刪除我剛剛從選擇中成功刪除的選項,就像這樣,$("#topic_del option[value='" +topic+ "']").remove();它將起作用。但是,如果我放回它,selectpicker它不會刪除該選項。難道是 selectpicker 不允許這樣做嗎?
2 回答

喵喔喔
TA貢獻(xiàn)1735條經(jīng)驗 獲得超5個贊
由于此線程Selectpicker 具有添加或刪除值,我能夠?qū)崿F(xiàn)該功能
通過在成功中添加這兩行
$('.selectpicker?option:selected').remove(); $('.selectpicker').selectpicker('refresh');

偶然的你
TA貢獻(xiàn)1841條經(jīng)驗 獲得超3個贊
還有一件事。$('.selectpicker').selectpicker('refresh');
例如,似乎只有在此之前有任何其他操作時才會執(zhí)行$('.selectpicker option:selected').remove();
- 2 回答
- 0 關(guān)注
- 322 瀏覽
添加回答
舉報
0/150
提交
取消