簡體   English   中英

如何使用JavaScript從多個選項中選擇所選值

[英]How to select selected value from multiple option using javascript

我有多個選擇位置。

我需要顯示選擇的值。數據為'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>

您可以像這樣在數組中傳遞值

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

JsFiddle

您可以使用此:

 var data="1,2,4"; //Make an array var dataarray=data.split(","); // Set the value $("#testID").val(dataarray); // Then refresh $("#testID").multiselect("refresh"); 
 <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> 

另外,您的代碼不是javascript,而是jquery。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM