1

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

似乎白色空间正在把它扔掉。除了替换空白之外，是否有任何价值可以保留选择选项值中的空白？

4

2 回答 2

1

你应该使用引号：

<option value="4fac22a963838c3d74000000|R A M|1991-10-23">1 </option>
于 2012-05-16T22:11:16.237 回答
0 
        $("#results").append(field.value + "&nbsp;");

这是你需要的吗？

  $.trim(field.value);

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

于 2012-05-16T22:05:38.120 回答