如何在来自服务器的 html 下拉框中显示数据？答案

【问题标题】：how to display as it is data on html dropdown box coming from server?如何在来自服务器的 html 下拉框中显示数据？
【发布时间】：2018-07-23 10:17:12
【问题描述】：

从服务器获取数据如下

Test        Your    Code
New  Testing    Code
Opel Audi

以上数据在单词之间有空格。我想显示文本是。

我有 html 选择下拉菜单，我在其中呈现服务器数据。

但我无法显示来自服务器的数据，它是在单词之间显示一个空格。谁能告诉我如何解决这个？

<html>
<body>

<select>
  <option value="volvo">Test        Your    Code</option>
  <option value="saab">New  Testing    Code   </option>
  <option value="opel">Opel Audi</option>
</select>

</body>
</html>

检查plunkr

【问题讨论】：

尝试使用&nbsp;
我正在动态获取这些数据
@RyanC 无法通过菜单使用
获取数据后用&nbsp;替换空格？
Preserve whitespace in html select element options using "white-space: pre" NOT working的可能重复

标签： javascript html encoding html-encode

【解决方案1】：

HTML 将删除 1 个空格之后的所有空格。只需将空格替换为&nbsp;（不间断空格点）

str = str.replace(/\s/gmi, '&nbsp;');

编辑：忘记分号

【讨论】：

&nbsp; 是编码器。你可以在这里阅读更多关于nbspen.wikipedia.org/wiki/Non-breaking_space

【解决方案2】：

你可以使用字符串替换方法

str = str.replace("", '&nbsp');

【讨论】：

【解决方案3】：

尝试使用空格字符&nbsp; 而不是空格。在您的情况下，您需要相应地修改来自服务器的文本。

【讨论】：