如何使用javascript从多个选项中选择所选值

时间:2014-09-25 09:50:08

标签: javascript jquery option

我有多个选择topion。

我需要显示所选的值。使用'2,4,5;

的数据
<select id="testID" multiple="multiple">
   <option value="1">test Value1</option>
   <option value="2">test Value2</option>
   <option value="3">test Value3</option>
   <option value="4">test Value4</option>
   <option value="5">test Value5</option>
  <option value="6">test Value6</option>
</select>

我可以使用此代码获取我需要的内容。

<script type="javascript">

  $(document).ready(function() {
    var val_to_select = '2,4,5';    

    $( '#testID' ).val( val_to_select );

  )};

</script>

我需要输出像这样

<select id="testID" multiple="multiple">
   <option value="1">test Value1</option>
   <option value="2" selected>test Value2</option>
   <option value="3">test Value3</option>
   <option value="4" selected>test Value4</option>
   <option value="5" selected>test Value5</option>
  <option value="6">test Value6</option>
</select>

2 个答案:

答案 0 :(得分:0)

你可以传递像这样的数组中的值

$("#testID").val([1,2,3]);

JsFiddle

答案 1 :(得分:0)

您可以使用:

&#13;
&#13;
var data="1,2,4";

//Make an array

var dataarray=data.split(",");

// Set the value

$("#testID").val(dataarray);

// Then refresh

$("#testID").multiselect("refresh");
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="testID" multiple="multiple">
   <option value="1">test Value1</option>
   <option value="2">test Value2</option>
   <option value="3">test Value3</option>
   <option value="4">test Value4</option>
   <option value="5">test Value5</option>
  <option value="6">test Value6</option>
</select>
&#13;
&#13;
&#13;

此外,您的代码不是javascript而是jquery。