iT邦幫忙

0

如何利用 jquery 將從後端取得的資料賦予 select?

  • 分享至 

  • xImage

先不說為什麼用 jquery 了⋯⋯。

假設有選項資料是可以從後端取得的

<select class="select" name="who">
    <option value="">1</option>
</select>

我該怎麼「正確」地將資料丟到 select 給使用者選?
以及下次讀使用者的資料,選中的那個自動 selected
我想到如果是普通 input 欄位就 $('#xxx').val(val) 把直丟進去就可以了(?
有比較正確的做法嗎?
或是相關教學
謝謝

archer9080 iT邦研究生 3 級 ‧ 2020-10-15 18:09:30 檢舉
$('#xxx').append($("<option></option>").attr("value", "").text("全部"))
試試
火爆浪子 iT邦研究生 1 級 ‧ 2020-10-16 10:14:26 檢舉
嗯,我確實是用這個方式。
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

4
shan33
iT邦新手 1 級 ‧ 2020-10-15 19:56:58
最佳解答
  1. 增加option做法,這篇文章有列出三種
    How to add options to a select element using jQuery?
// 作法一 
   $('#select1').append(`<option value="${optionValue}">${optionText}</option>`); 

// 作法二 使用new Option()
   $('#select1').append(new Option(optionText, optionValue)); 

// 作法三 利用val()和text()
   $('#select1').append($('<option>').val(optionValue).text(optionText)); 
  1. 讓option為selected
    參考stackoverflow:Setting the selected attribute on a select list using jQuery
// 使用attr()
    $("select option[value='xxx']").attr("selected","selected");
火爆浪子 iT邦研究生 1 級 ‧ 2020-10-16 10:13:15 檢舉

嗯我後來發問後直接先自己做了「作法一」,可行~
好奇其他「符合邏輯」的作法。

火爆浪子 iT邦研究生 1 級 ‧ 2020-10-16 10:27:00 檢舉

第二個感覺比較乾淨。

1
japhenchen
iT邦超人 1 級 ‧ 2020-10-16 10:11:33

..........汗......我自刪,回錯地方了

....

我要發表回答

立即登入回答