javascript - 多选下拉选项值只取一个词

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>

现在对我来说工作得很好。`