如何使用bootstrap組合框創建自定義選項？

我做了一個表格，它完美地提前輸入每個選項。我的問題是，如何在文本左側放置帶有圖標的下拉菜單項，並在單擊文本時單擊鏈接進行鏈接？例如，我想要一個阿拉巴馬旁邊的圖標，當它顯示時，我鍵入「a」，當我點擊它，我希望它去某個頁面。如何使用bootstrap組合框創建自定義選項？

<form class="form-inline"> 
    <div class="form-group"> 
     <select class="combobox form-control" name="inline"> 
     <option value="" selected="selected">select a state</option> 
     <option value="AL">alabama</option> 
     <option value="AK">arkansas</option> 
     <option value="AZ">arizona</option> 
     </select> 
    </div> 
    </form>

我的Java腳本

<script type"text/javascript"> 
    $(document).ready(function(){ 
    $('.combobox').combobox() }); 
</script>

其是自舉combobox.js

來源

2014-11-13 user3735892

請不要重複發表同一個問題兩次。 –

你有沒有嘗試過這樣的事情？

<option value="AL">alabama <a href="myUrl"><img src="myImage" /></a></option>

來源

2014-11-13 20:22:35

是的，當我點擊阿拉巴馬州它只是填充文本框，並沒有圖標出現。 – user3735892

如何使用bootstrap組合框創建自定義選項？

回答

相關問題