如何让 jQuery 在这种情况下保留空格

How to get jQuery to preserve white space in this instance?

本文关键字：这种情况下 保留 空格 jQuery      更新时间：2023-09-26

我有一个小的html选择框，其中值值作为选项

<div class="controls"> <select name="multiple" multiple="multiple">
    <option value=4fac22a963838c3d74000000|R A M|1991-10-23>1 </option>
    <option value=4fac22a963838c3d74000000|M S D|1991-10-23>2 </option>
    <option value=4fac22a963838c3d74000000|X Y |1991-10-23>3 </option>
    <option value=4fac22a963838c3d74000000|X|1991-10-23>3 </option>
    ...

我有以下 javascript 代码来填充文本区域，突出显示的值：

function addValues() {
      var fields = $("select").serializeArray();
      $("#results").empty()
      jQuery.each(fields, function(i, field){
           $("#results").append(field.value + " ");
      });
 }
 $("select").change(addValues);
 addValues();

但是，在上述情况下，它只会导致：

    4fac22a963838c3d74000000|R
    4fac22a963838c3d74000000|M
    4fac22a963838c3d74000000|X
    4fac22a963838c3d74000000|X|1991-10-23>3

似乎空白正在抛弃它。除了替换空格之外，是否有任何值可以从选择选项值中保留空格？

你应该使用引号：

<option value="4fac22a963838c3d74000000|R A M|1991-10-23">1 </option>

        $("#results").append(field.value + "&nbsp;");

这是你需要的吗？

  $.trim(field.value);

如果您的意思是相反，可能会很方便

相关文章：