オプションとして値の値を含む小さな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
空白がそれを捨てているようです。空白を置き換える以外に、選択オプション値から空白を保持する値はありますか?