javascript - 可以将制表符值分配给 html 表单元素吗？

Question

我很好奇是否可以将制表符作为值分配给 html 下拉列表。这是我当前的标记:

<select id="delimiter-select" class="form-control form-control-sm csv-select">
               <option value=",">Comma (,)</option>
               <option value=";">Semi-Colon (;)</option>
               <option value="|">Pipes (|)</option>
               <option value="Tab">Tab</option>
</select>

我希望 Tab 的值是我最终可以传递给 JS 的制表符。

Answer 1

Tab 字符有一个 HTML 实体， 或 ，使用它:

document.getElementById("delimiter-select").onchange = function (e) {console.log(` Separator is ${e.target.value} separating`)}

<select id="delimiter-select" class="form-control form-control-sm csv-select">
  <option value=",">Comma (,)</option>
  <option value=";">Semi-Colon (;)</option>
  <option value="|">Pipes (|)</option>
  <option value="&Tab;">Tab</option>
</select>