如果选中选项，如何删除空格

Question

我有示例代码：

<select>
<option value="1">1<option>
<option value="2"> 2<option>
<option value="3">  3<option>
<option value="4">   4<option>
<option value="5">    5<option>
</select>

和css：

select option:checked {
   padding-left: 0;
   text-align:left;
}

当我选中选项（2或3或4或5）时，我无法删除空格，如何解决？

这是附件：

Answer 1

实际上，您每次添加<option>两次，您可以按<option>关闭</option>个元素，也可以从结尾删除额外的<option>元素。

  

<强> Tag omission

     

  
• option元素必须有一个开始标记。
  
• 如果option元素后面紧跟另一个option元素，则可省略option元素的结束标记。
  

此外，默认情况下会忽略HTML中的前导或尾随空格：

<强> EXAMPLE HERE

<select>
  <option value="1">1</option>
  <option value="2"> 2</option>
  <option value="3">  3</option>
  <option value="4">   4</option>
  <option value="5">    5</option>
</select>

Answer 2

这是删除领先优势的代码在所有选项的文本中尾随空格。

$('select > option').each(function(){
    var textValue = $.trim($(this).text());
    $(this).text(textValue);
});

Answer 3

1 2 3 4 5

---

正确关闭选项标签