如何将选择列表更改为链接

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);
}