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

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>

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

 

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

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