Question

我有一个小的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

似乎白色空间正在抛弃它。是否有任何值可以保留选择选项值中的空格而不是替换空格？

Answer 1

你应该使用引号：

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

Answer 2

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

这就是你需要的吗？

  $.trim(field.value);

如果你的意思相反，

可能会很方便

如何让jQuery在这个实例中保留空白？

2 个答案: