多选下拉选项值只占一个字

Question

我在表格中有一个多选下拉列表

<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>

但是在段落中我每个选择只得到一个单词，而不是完整的名字。 （如果我选择“某些文字”，我只会选择“某些”）。有人可以指出错误在哪里吗？

Answer 1

使用

填充JSON数据时

<option values= > instead of `<option value>

现在为我工作正常。