как отображать данные в раскрывающемся списке html, поступающие с сервера?

Получение данных с сервера, как показано ниже

Test        Your    Code
New  Testing    Code
Opel Audi

Вышеуказанные данные имеют пробел между словами. Я хочу показать текст как есть.

У меня есть раскрывающийся список html select, где я отображаю данные сервера.

но я не могу отображать данные, так как они поступают с сервера, между словами отображается один пробел. может ли кто-нибудь сказать мне, как это исправить?

<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


javascript html encoding html-encode
person Sangram Badi    schedule 23.07.2018    source источник
comment
попробуйте использовать &nbsp;   -  person Ryan C    schedule 23.07.2018
comment
я динамически получаю эти данные   -  person Sangram Badi    schedule 23.07.2018
comment
@RyanC невозможно использовать меню   -  person Sangram Badi    schedule 23.07.2018
comment
После того, как вы получите данные, замените пробелы на &nbsp; ?   -  person Ryan C    schedule 23.07.2018
comment
Возможный дубликат Сохранить пробел в выборе html параметры элемента с использованием пробела: предварительно НЕ работает   -  person Bert Maurau    schedule 23.07.2018

Ответы (3)


arrow_upward
1
arrow_downward

HTML удалит все пробелы после 1 пробела. Просто замените пробелы на &nbsp; (неразрывная точка пробела)

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

редактировать: забыл точку с запятой

person Baruch    schedule 23.07.2018
comment
&nbsp; — кодировщик. Подробнее о nbsp можно прочитать здесь en.wikipedia.org/wiki/Non-breaking_space - person Baruch; 23.07.2018

arrow_upward
1
arrow_downward

вы можете использовать метод замены строки

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

person Anil Khatour    schedule 23.07.2018

arrow_upward
1
arrow_downward

Попробуйте пробельные символы &nbsp; вместо пробелов. В вашем случае вам необходимо соответствующим образом изменить текст, поступающий с сервера.

person Snail Pacer    schedule 23.07.2018