给我一个动态值，如何使我的数据列表显示我的选项？

Question

因此，下面说明了到目前为止的内容，我需要此值，因为在页面加载时，我会在选项列表中显示第一个值。当您单击输入区域时，我想清除该值（当单击下拉图标时，哪些数据列表似乎是自己完成的）。现在，它只加载我给它的第一个值。

<div class="inline">
    <input type="text" list="languages" class='tag-input tag-input-selector' value="<%= user.tags[0]%>" placeholder="Tag Selector">
      <datalist id="languages">
        <select id="tag-list">
        <%for (var i=0;i<user.tags.length;i++) { %>
            <option class="tag-name" value="<%= user.tags[i]%>"><%= user.tags[i]%></option>
        <% } %>
        </select>
      </datalist>
    </div>

我尝试选择输入并清除值，但是它没有像我单击向下箭头时那样的选项。它只是清空输入。

function resetInput(){
$('.tag-input').val('');

}

我该如何清空值并重新加载我的选项，以便人们可以选择一个选项而不必单击数据列表中的向下箭头按钮？