如何讓jQuery在這個例子中保留空格？

我與價值值作爲選項的小HTML選擇框如何讓jQuery在這個例子中保留空格？

<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

看起來白色的空間正在拋棄它。有沒有任何價值來保留空白從選擇選項值不足以取代空白？

來源

2012-05-16 thomascirca

裹'引號option'值。 – VisioN

除了@ VisioN的評論之外，您必須使用引號來包含任何包含分詞符（不論是標點符號還是空格符）的屬性值。您當前的HTML無效。 –

無論如何，你應該總是使用引號，這是拾取的好習慣。 – Ayub

$.trim(field.value);

可能是方便您應該使用引號：

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

來源

2012-05-16 22:11:16 Lycha

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

這是你所需要的？如果你指的是反向

來源

2012-05-16 22:05:38

如何讓jQuery在這個例子中保留空格？

回答

相關問題