jQuery的選擇選項默認值隱藏和查看所有的選項時，再次出現

我躲在選項列表默認選項（1,2,3）（當單擊選擇第1次），但是它需要製作後重新出現莫名其妙選擇，然後再次觀看選項..（僅由頁面刷新用戶可以查看該選擇框作爲含有的「浴室」否則意義的數字1,2,3出現類別..）jQuery的選擇選項默認值隱藏和查看所有的選項時，再次出現

即目前'浴室'不會再次出現一次選項，然後再次點擊選擇框（如果用戶改變主意），這是問題。做這個的最好方式是什麼。

我不能改變的HTML - 這僅需要使用jQuery來完成。請幫助

<select name="searchForm__bathrooms" id="field-searchForm__bathrooms" class="field- dropdown"> 
    <option value=""> Bathrooms </option> 
    <option value="1"> 1 </option> 
    <option value="3"> 3 </option> 
    <option value="2"> 2 </option> 
</select> 

$('select option:first-child').hide();

來源

2012-07-24 Nicolaas van den Broek

_ 「什麼是做到這一點的最好辦法。」 _ - 使用' '在旁邊顯示「浴室」選擇元素而不是選項元素 - 如果有必要，用jQuery插入它。此外，請注意，某些瀏覽器不允許隱藏選項元素 - 我認爲在IE（以及其他一些）中，您必須實際從DOM刪除該選項。 – nnnnnn 2012-07-24 02:05:47

你在什麼地方不能修改DOM？根據瀏覽器規格'你不能隱藏選項標籤。過去有一個跨瀏覽器黑客，但它沒有愛好者的作品。 http://jsfiddle.net/EfMvd/16/ – 2012-07-25 00:34:59

http://jsfiddle.net/earlonrails/EfMvd/2/

的Javascript

$(function() { 
    $("#field-searchForm__bathrooms").change(function() { 
     var selectEle = $(this); 
     var doAppend = true; 
     $.each(selectEle.children(), function(index, child) { 
      if (child.value == "0") { 
       doAppend = false; 
      } 
     }); 
     if (doAppend) { 
      selectEle.append('<option name="bathroom" value="0">Bathrooms</option>'); 
     } 
    }); 
});

HTML

<body> 
    <select name="searchForm__bathrooms" id="field-searchForm__bathrooms" class="field-dropdown"> 
     <option value="1"> 1 </option> 
     <option value="2"> 2 </option> 
     <option value="3"> 3 </option> 
    </select> 
</body>

來源

2012-07-24 02:15:27 earlonrails

謝謝earlonrails，這是非常密切的，但我不能改變HTML [浴室也是一個選項]，仍然需要衛浴間作爲默認選項..即在任何情況下，'浴室'應該只出現一次。 [下拉觀看/未觀察時，選項1,2,3選擇，則下拉觀察.. - NNNNN，由於是的，我明白，標籤應該有這個功能，但是因爲有選擇框之外沒有空間 - 因此我沒有認爲這是最簡單的/不錯的選擇.. – 2012-07-24 23:59:56

對於選擇的選項，當你嘗試跨瀏覽器使用的顯示屬性，這就是爲什麼我建議追加節點有問題。這是一篇關於選項標籤問題的文章。 http://stackoverflow.com/questions/9234830/how-to-hide-a-option-in-a-select-menu-with-css。根據我的經驗，你不能隱藏選項。也許像這樣的妥協會爲你工作。 http://jsfiddle.net/earlonrails/EfMvd/12/ – earlonrails 2012-07-25 00:29:46

+1我兄弟！或者接受答案：D – earlonrails 2012-07-25 02:55:07

$("#field-searchForm__bathrooms").click(function(){ 
    $('select option:first-child').toggle(); 
})

來源

2012-07-24 02:06:24

jQuery的選擇選項默認值隱藏和查看所有的選項時，再次出現

回答