space 在选项标签的文本之间被删除

Question

我有一个列表框，我在其中使用 jquery 添加元素，我有一个场景，我需要输入两个由 multi space 分隔的单词，选项标签的值和文本修剪多 space 到单个 space 一切都失败了。

$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>

在下面的示例中，当您单击 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>

space 在选项标签的文本之间被删除

space getting removed between texts in options tag

jquery

select

option