完美解決html中select的option不能隱藏的問題。

dayday_up 發(fā)布于2019-08-01 16:03 / 2770人閱讀

摘要：開發(fā)過程中無意遇到這個問題解決問題第一時間就是百度。終極方案經(jīng)測試兼容各瀏覽器給外加一個父級標簽，并設置父級標簽隱藏此處用的是標簽，如果要顯示的話則去除父級標簽即可。

開發(fā)過程中無意遇到這個問題,解決問題第一時間就是百度。結果得到如下方法：

1、首先設置option的display:none的方案肯定是不可行了；
2、某網(wǎng)友提出的兩種方案：
a.在option標簽上面加上disabled="disabled"屬性，表示不可用，這種方案只是讓option不能選擇，但沒有隱藏掉
b.如果想隱藏掉，只能把option從DOM樹中去除，然后對去除的option進行緩存，在要顯示的時候再將option從緩存中取出加入DOM樹中
肯定也是不符合需求的。
c、終極方案（經(jīng)測試兼容各瀏覽器）：給option外加一個父級標簽，并設置父級標簽隱藏[此處用的是span標簽]，如果要顯示的話則去除父級標簽即可。

然而上面這么多種辦法并沒什么用

最后解決辦法：

//將select通過clone方法保存
var select= $("#select").clone();

//刪除所有的option
$("#select").find("option").remove();

//查找出需要顯示的option并復制
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);

這樣就好了。

云服務器 GPU云服務器不能忽視的問題 select option 解決問題的方法不能建立服務器的問題

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50268.html

【譯】怎樣創(chuàng)建定制表單組件

摘要：若你想在諸如元素的組件上應用高級樣式或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。我們將通過本文學習如何構建一個表單組件。系列文章說明原文在許多情況下，[可用的HTML表單組件]()是不夠的。若你想在諸如元素的組件上[應用高級樣式]()、或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。我們將通過本文學習如何構建一個表單組件。為達到目的，我們選擇重構元素作為例子...

AnthonyHan 2019-08-21 15:55 評論0 收藏0
【譯】怎樣創(chuàng)建定制表單組件

摘要：若你想在諸如元素的組件上應用高級樣式或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。我們將通過本文學習如何構建一個表單組件。系列文章說明原文在許多情況下，[可用的HTML表單組件]()是不夠的。若你想在諸如元素的組件上[應用高級樣式]()、或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。我們將通過本文學習如何構建一個表單組件。為達到目的，我們選擇重構元素作為例子...

William_Sang 2019-08-29 12:49 評論0 收藏0
【譯】怎樣創(chuàng)建定制表單組件

摘要：若你想在諸如元素的組件上應用高級樣式或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。我們將通過本文學習如何構建一個表單組件。系列文章說明原文在許多情況下，[可用的HTML表單組件]()是不夠的。若你想在諸如元素的組件上[應用高級樣式]()、或者想定制組件的行為，你就只能選擇創(chuàng)建自己的表單組件。我們將通過本文學習如何構建一個表單組件。為達到目的，我們選擇重構元素作為例子...

wanghui 2019-08-01 17:02 評論0 收藏0
移動端-點透問題巧妙解決

摘要：移動端經(jīng)常出現(xiàn)點透，至于怎么出現(xiàn)的請大家去看一下實現(xiàn)的源碼。點透是什么你可能碰到過在列表頁面上創(chuàng)建一個彈出層，彈出層有個關閉的按鈕，你點了這個按鈕關閉彈出層后后，這個按鈕正下方的內容也會執(zhí)行點擊事件或打開鏈接。這個被定義為這是一個點透現(xiàn)象。移動端經(jīng)常出現(xiàn)點透，至于怎么出現(xiàn)的請大家去看一下zepto實現(xiàn)tap的源碼。 1、點透是什么你可能碰到過在列表頁面上創(chuàng)建一個彈出層，彈出層有個關...

MockingBird 2019-08-22 15:33 評論0 收藏0