HTML添加幫助符號（按鈕）旁邊禁用選項

我想知道如何可以添加一個幫助符號旁邊一個禁用選項的HTML下拉，如果可能的話。我希望這樣，當你點擊該符號時，它會告訴你爲什麼該選項已被禁用。類似於下面的下拉菜單。HTML添加幫助符號（按鈕）旁邊禁用選項

這是基本的代碼我現在有下拉。

<select name="description" rows="4" class="form-control"> 
       <option value="RhinoTab"><?php echo _l('estimate_table_option1_1'); ?></option> 
       <option value="RTi"><?php echo _l('estimate_table_option1_2'); ?></option> 
       <option value="Magical Shit" disabled>Magical Shit</option> 
       </select>

來源

2017-05-04 Tyler Fontaine

[用CSS樣式被禁用按鈕]的可能的複製（http://stackoverflow.com/questions/14750078/style-disabled-button-with-css） –

看起來，他們想完全禁用該選項。當它被禁用時，我想在選項旁邊添加一個符號，以便當您單擊該符號時，它將說明禁用該選項的原因。 –

也提供您的CSS代碼與片段！ – Muzamil301

我最終找到了一個可以用作解決問題的例子來讓我的項目工作。當你點擊「禁用」選項，而不是有一個圖標，但它會做足夠接近我正在尋找的東西。

$(function(){ 
    var options_sel_idx = 0; 

    $("#options").on("change", this, function(event) { 
     if($(this.options[this.selectedIndex]).hasClass("disabled")) { 
      alert("a"); 
      this.selectedIndex = options_sel_idx; 
     } else { 
      options_sel_idx = this.selectedIndex; 
     } 
    }); 
}); 

<style type="text/css"> 
    .disabled {color:#808080;} 
</style> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<select name="options" id="options"> 
    <option value="">Select</option> 
    <option value="1">Options 1</option> 
    <option value="0" class="disabled">Options 2</option> 
    <option value="0" class="disabled">Options 3</option> 
    <option value="0" class="disabled">Options 4</option> 
</select>

來源

2017-05-04 13:46:53

HTML添加幫助符號（按鈕）旁邊禁用選項

回答

相關問題