資訊專欄INFORMATION COLUMN
摘要：開發(fā)過程中無意遇到這個(gè)問題解決問題第一時(shí)間就是百度。終極方案經(jīng)測試兼容各瀏覽器給外加一個(gè)父級(jí)標(biāo)簽，并設(shè)置父級(jí)標(biāo)簽隱藏此處用的是標(biāo)簽，如果要顯示的話則去除父級(jí)標(biāo)簽即可。
開發(fā)過程中無意遇到這個(gè)問題,解決問題第一時(shí)間就是百度。結(jié)果得到如下方法：
1、首先設(shè)置option的display:none的方案肯定是不可行了；
2、某網(wǎng)友提出的兩種方案：
a.在option標(biāo)簽上面加上disabled="disabled"屬性，表示不可用，這種方案只是讓option不能選擇，但沒有隱藏掉
b.如果想隱藏掉，只能把option從DOM樹中去除，然后對(duì)去除的option進(jìn)行緩存，在要顯示的時(shí)候再將option從緩存中取出加入DOM樹中
肯定也是不符合需求的。
c、終極方案（經(jīng)測試兼容各瀏覽器）：給option外加一個(gè)父級(jí)標(biāo)簽，并設(shè)置父級(jí)標(biāo)簽隱藏[此處用的是span標(biāo)簽]，如果要顯示的話則去除父級(jí)標(biāo)簽即可。
然而上面這么多種辦法并沒什么用
最后解決辦法：
//將select通過clone方法保存
var select= $("#select").clone();
//刪除所有的option
$("#select").find("option").remove();
//查找出需要顯示的option并復(fù)制
var options = select.find("option[value=1]").clone();
//將需要顯示的option添加到select中
$("#select").append(options);
//因?yàn)閛ption.remove()不會(huì)刷新控件,需要將新的option切換上去
//這里排除了options.size() == 0的情況
$("#select").find("option").eq(0).attr("selected",true);
這樣就好了。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/50268.html
摘要：若你想在諸如元素的組件上應(yīng)用高級(jí)樣式或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。我們將通過本文學(xué)習(xí)如何構(gòu)建一個(gè)表單組件。 系列文章說明 原文 在許多情況下，[可用的HTML表單組件]()是不夠的。若你想在諸如元素的組件上[應(yīng)用高級(jí)樣式]()、或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。 我們將通過本文學(xué)習(xí)如何構(gòu)建一個(gè)表單組件。為達(dá)到目的，我們選擇重構(gòu)元素作為例子...
摘要：若你想在諸如元素的組件上應(yīng)用高級(jí)樣式或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。我們將通過本文學(xué)習(xí)如何構(gòu)建一個(gè)表單組件。 系列文章說明 原文 在許多情況下，[可用的HTML表單組件]()是不夠的。若你想在諸如元素的組件上[應(yīng)用高級(jí)樣式]()、或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。 我們將通過本文學(xué)習(xí)如何構(gòu)建一個(gè)表單組件。為達(dá)到目的，我們選擇重構(gòu)元素作為例子...
摘要：若你想在諸如元素的組件上應(yīng)用高級(jí)樣式或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。我們將通過本文學(xué)習(xí)如何構(gòu)建一個(gè)表單組件。 系列文章說明 原文 在許多情況下，[可用的HTML表單組件]()是不夠的。若你想在諸如元素的組件上[應(yīng)用高級(jí)樣式]()、或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。 我們將通過本文學(xué)習(xí)如何構(gòu)建一個(gè)表單組件。為達(dá)到目的，我們選擇重構(gòu)元素作為例子...
摘要：移動(dòng)端經(jīng)常出現(xiàn)點(diǎn)透，至于怎么出現(xiàn)的請大家去看一下實(shí)現(xiàn)的源碼。點(diǎn)透是什么你可能碰到過在列表頁面上創(chuàng)建一個(gè)彈出層，彈出層有個(gè)關(guān)閉的按鈕，你點(diǎn)了這個(gè)按鈕關(guān)閉彈出層后后，這個(gè)按鈕正下方的內(nèi)容也會(huì)執(zhí)行點(diǎn)擊事件或打開鏈接。這個(gè)被定義為這是一個(gè)點(diǎn)透現(xiàn)象。 移動(dòng)端經(jīng)常出現(xiàn)點(diǎn)透，至于怎么出現(xiàn)的請大家去看一下zepto實(shí)現(xiàn)tap的源碼。 1、點(diǎn)透是什么 你可能碰到過在列表頁面上創(chuàng)建一個(gè)彈出層，彈出層有個(gè)關(guān)...
閱讀 1959·2021-11-11 16:55
閱讀 833·2019-08-30 15:53
閱讀 3684·2019-08-30 15:45
閱讀 813·2019-08-30 14:10
閱讀 3374·2019-08-30 12:46
閱讀 2198·2019-08-29 13:15
閱讀 2113·2019-08-26 13:48
閱讀 1006·2019-08-26 12:23
