Question

我需要按字母

对此下拉选择器进行排序

<div class="container">
  <form role="form">
    <div class="form-group">
      <select class="form-control" >
<option value="1">a</option>
<option value="2">d</option>
<option value="3">b</option>
<option value="4">c</option>
</select>
    </div>
  </form>
</div>

Answer 1

This Codepen可能正是您所寻找的。

注意：它需要jQuery。放<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

在您网页的head。

Answer 2

你需要一些javascript代码，这里是＆＃34;我的＆＃34;解决方案，这是通过jQuery完成的。

var items = $('#select option').get();
items.sort(function(a,b){
  var keyA = $(a).text();
  var keyB = $(b).text();

  if (keyA < keyB) return -1;
  if (keyA > keyB) return 1;
  return 0;
});
var select = $('#select');
$.each(items, function(i, option){
select.append(option);
});

您应该向ID

添加<select>（或类或其他内容）

 <select id="select" class="form-control" >

来源：What is the easiest way to order a <UL>/<OL> in jQuery?

JSFiddle：https://jsfiddle.net/rbe2e665/

Bootstrap选择列表

2 个答案: