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

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

标签： javascriptjqueryhtmlcss

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