可以将选项卡值分配给html表单元素吗?

时间:2018-06-05 12:30:17

标签: javascript html

我很好奇是否可以将标签字符作为值分配给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。

2 个答案:

答案 0 :(得分:3)

Tab字符有一个HTML实体,&amp; Tab; &amp;#9; ,使用:

&#xA;& #xA;

&#xD;&#xA;
&#xD;&#xA;
  document.getElementById(“delimiter-select”)。 onchange = function(e){console.log(`Separator is $ {e.target.value} separation`)}  
&#xD;&#xA;
 &lt; select id =”delimiter-select“class =”form-control form-control-sm csv-select“&gt;&#xD;&#xA; &lt; option value =“,”&gt;逗号(,)&lt; / option&gt;&#xD;&#xA; &lt; option value =“;”&gt; Semi-Colon(;)&lt; / option&gt;&#xD;&#xA; &lt; option value =“|”&gt; Pipes(|)&lt; / option&gt;&#xD;&#xA; &lt; option value =“&amp; Tab;”&gt; Tab&lt; / option&gt;&#xD;&#xA;&lt; / select&gt;  
&#xD;&#xA;
&#的xD;&#XA;
&#的xD;&#XA;

&#XA;

答案 1 :(得分:0)

使用&#9;作为制表HTML实体

console.log($('#input').val() + 'Test');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input" value="&#9;">