如何使用bootstrap组合框创建自定义选项?

时间:2014-11-13 19:31:57

标签: javascript jquery html twitter-bootstrap combobox

我做了一个表格,它完美地提前输入每个选项。我的问题是如何在文本左侧显示带有图标的下拉项目,并在点击一个而不是文本节目时链接?例如,当我输入“a”时,我想在alabama旁边显示一个图标,当我点击它时,我希望它转到某个页面。

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

它是bootstrap-combobox.js

1 个答案:

答案 0 :(得分:0)

你尝试过这样的事吗?

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