如何使用引导组合框创建自定义选项

How to create custom options with bootstrap combobox?

本文关键字:创建 自定义 选项 组合 何使用      更新时间:2023-09-26

我做了一个表格,它完美地输入了每个选项。我的问题是,当单击一个而不是仅显示文本时,如何在文本和链接左侧显示带有图标的下拉项目?例如,当我键入"a"时,我希望阿拉巴马州旁边有一个图标,当我单击它时,我希望它转到某个页面。

  <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>

我的 JavaScript

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

它是引导组合框.js

你试过这样的事情吗?

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