テーブル内に複数選択のドロップダウンがあります
<td>
<select multiple="multiple" name="multiple" id="multiple" class="required">
</select>
</td>
オプション値にはjsonデータが入力されます。
for(var i=0;i<jsonString.length;i++){
var name=jsonString[i].Name;
$('#multiple').append('<option value=' + name + '>' + name + '</option>');
}
ユーザーが選択を開始すると、選択した各項目を段落内に表示しようとしています
<script>
function displayVals() {
var multipleValues = $("#multiple").val() || [];
$("p").html( " <b>Selected Properties:</b> " +
multipleValues.join(", "));
}
$("select").change(displayVals);
displayVals();
</script>
しかし、段落では、完全な名前ではなく、選択ごとに1つの単語しか取得しません。(「一部のテキスト」を選択すると、「一部」のみが表示されます)。誰かがエラーがどこにあるかを指摘できますか?