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