如何更改选择列表的链接

Question

如何将动态选择选项更改为链接？

<select id="input-sort" class="form-control" onchange="location = this.value;">
   {% for sorts in sorts %}
   {% if sorts.value == '%s-%s'|format(sort, order) %}
   <option value="{{ sorts.href }}" selected="selected">{{ sorts.text }}</option>
   {% else %}
   <option value="{{ sorts.href }}">{{ sorts.text }}</option>
   {% endif %}
   {% endfor %}
</select>

给出的结果为

选择选项...

• 列出项目1
• 列出项目2
• 列出项目3
• 列出项目4

我想去的地方

选择：列表项1 列表项2 列表项3 列表项4

在这里，我发现此问题与我的相似，但在我的情况下不起作用 link1 link

Answer 1

var elements = document.getElementsByTagName('option');

for (var i = 0; i < elements.length; i++){
    var btn = document.createElement('input');
    btn.type = 'button';
    btn.value= elements[i].value;
    console.log(btn);
    document.getElementById('input-sort').appendChild(btn);
}