如何将HTML元素值设置为用户输入的值

Question

如何将下拉列表的选项值设置为用户选择的选项。我相信我需要使用脚本，但是我不确定最佳实践。这些选项是通过JSON响应填充的。表单提交需要此功能。

    <div class="select">
        <select name="selectcompanies" id="selectcompanies">
            <option value="">Company</option>
            {% for company in companies %}
                <option value="" name="selected_company" id="selected_company">{{ company.name }}</option>}
            {% endfor %}
        </select>
    </div>

Answer 1

要将“ selected”选项设为“ selected”，我们可以使用“ selected” html属性。

循环json值时，

1. 使用当前选项值检查json值
2. 如果它们匹配，则将所选属性设置为该选项值。

它将使该选项显示为选中状态。

您可以参考https://www.w3schools.com/tags/att_option_selected.asp以获得更多详细信息。