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

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

如何使用jQuery更改<select>的選項(xiàng)?

如何使用jQuery更改<select>的選項(xiàng)?

慕妹3242003 2019-12-06 11:06:17
假設(shè)有可用的選項(xiàng)列表,如何<select>用new來(lái)更新<option>?
查看完整描述

3 回答

?
蝴蝶不菲

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

您可以使用empty方法刪除現(xiàn)有選項(xiàng),然后添加新選項(xiàng):


var option = $('<option></option>').attr("value", "option value").text("Text");

$("#selectId").empty().append(option);

如果對(duì)象中有新選項(xiàng),則可以:


var newOptions = {"Option 1": "value1",

  "Option 2": "value2",

  "Option 3": "value3"

};


var $el = $("#selectId");

$el.empty(); // remove old options

$.each(newOptions, function(key,value) {

  $el.append($("<option></option>")

     .attr("value", value).text(key));

});

編輯:要?jiǎng)h除除第一個(gè)選項(xiàng)以外的所有選項(xiàng),可以使用:gt選擇器來(lái)獲取option索引大于零的所有元素,以及remove它們:


$('#selectId option:gt(0)').remove(); // remove all options, but not the first



查看完整回答
反對(duì) 回復(fù) 2019-12-07
?
一只甜甜圈

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

我將CMS的出色答案放入了一個(gè)快速的jQuery擴(kuò)展中:


(function($, window) {

  $.fn.replaceOptions = function(options) {

    var self, $option;


    this.empty();

    self = this;


    $.each(options, function(index, option) {

      $option = $("<option></option>")

        .attr("value", option.value)

        .text(option.text);

      self.append($option);

    });

  };

})(jQuery, window);

它期望包含“文本”和“值”鍵的對(duì)象數(shù)組。因此用法如下:


var options = [

  {text: "one", value: 1},

  {text: "two", value: 2}

];


$("#foo").replaceOptions(options);



查看完整回答
反對(duì) 回復(fù) 2019-12-07
?
一只萌萌小番薯

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

$('#comboBx').append($("<option></option>").attr("value",key).text(value));

其中comboBx是您的組合框ID。


或者,您可以將選項(xiàng)作為字符串附加到已經(jīng)存在的innerHTML中,然后分配給選擇的innerHTML。


編輯


如果您需要保留第一個(gè)選項(xiàng)并刪除所有其他選項(xiàng),則可以使用


var firstOption = $("#cmb1 option:first-child");

$("#cmb1").empty().append(firstOption);



查看完整回答
反對(duì) 回復(fù) 2019-12-07
  • 3 回答
  • 0 關(guān)注
  • 446 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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