在选项标签中的文本之间删除空格

Question

我有一个列表框，我使用jquery向它添加元素，我有一个场景，我需要输入由多个空格分隔的两个单词，options标签的值和文本将多个空格修剪为单个空格，一切都失败了。

$listBox.append($('<option>', {
                        value: $(settings.textBox).val(),
                        text: $(settings.textBox).val()
                    }));

我试过添加它没有用。任何帮助都非常感谢。

Answer 1

使用 而不是a normal space

请参阅此问题：

How to display multiple spaces in HTML select list <option></option>

在下面的示例中，当您单击On Change Select 1时，由于我们使用的是a normal space，所以不会发生任何事情，但是当您单击Change Select 2时，将出现空格，因为我们使用的是 

$("#change1").click(function() {
  $("select#1").html("<option>Select   1</option>");
});

$("#change2").click(function() {
  $("select#2").html("<option>Select&nbsp;&nbsp;&nbsp;2</option>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="1">
  <option>Select 1</option>
<select>
<a href="javascript:;" id="change1">Change Select 1</a>
<br />
<br />
<select id="2">
  <option>Select 2</option>
<select>
<a href="javascript:;" id="change2">Change Select 2</a>