Question

I have a multiselect dropdown inside a table

<td>
<select multiple="multiple" name="multiple" id="multiple" class="required">

</select>
</td>

The option values are populated with json data.

for(var i=0;i<jsonString.length;i++){

            var name=jsonString[i].Name;
            $('#multiple').append('<option value=' + name + '>' + name + '</option>'); 
        }

When the user start selection i am trying to display each selected item inside a paragraph

<script>
function displayVals() {
  var multipleValues = $("#multiple").val() || [];
  $("p").html( " <b>Selected Properties:</b> " + 
  multipleValues.join(", "));
        }
 $("select").change(displayVals);
 displayVals();

</script>

But in the paragraph i get just one word per selection, not the complete name. (Say If i select “some text” i get only “some”). Can somebody point out where is the error?

Answer 1

While populating with JSON data use

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

Working fine for me now.`