javascript - 使用 javascript 订购随机表单选项

Question

我有一些随机生成的表单选项，需要按照定义的顺序重新排序。

示例:

<select id="the_size">
   <option value="">Select something</option>
   <option value="xl">XL</option>
   <option value="l">L</option>
   <option value="s">S</option>
</select>

应该是:

<option value="s">S</option>
<option value="l">L</option>
<option value="xl">XL</option>

再说一遍:

<select id="the_size">
   <option value="">Select something</option>
   <option value="s">S</option>
   <option value="m">M</option>
   <option value="xs">XS</option>
</select>

应该是:xs、s、m。

我怎样才能实现这个目标？也许隐藏所有内容，定义一个数组(xs，s，m，l，xl，xxl ..)，循环条件语句并写入每个对应的值(如果存在)。

Answer 1

您可以对选项进行排序，然后(重新)将它们附加到 select 元素:

var c = ['xs', 's', 'm', 'l', 'xl', 'xxl'],
    s = document.querySelector('#the_size'), 
    o = [].slice.call(s.options);

o.sort(function(a, b) {
  return c.indexOf(a.value) - c.indexOf(b.value);
}).forEach(function(el) {
   s.appendChild(el);
});