jQuery：單擊按鈕后，選擇下拉選項

Question

我是jquery學習者。

<select multiple id="update-select" data-type="test1, test2">
        <option value="3">test1</option>
        <option value="4">test2</option>
        <option value="5">test3 test</option>
        <option value="5">test test</option>
</select>

<input type="button" id ="btn" value ="click me">


$(document).ready(function() {
   $("#btn").click(function(){

   });   
});

jsfiddle在這里

我正在基於某些服務器數據動態設置數據類型值。 單擊按鈕選項時必須選擇其值等於數據類型值

這里的數據類型值為test1和test2因此必須在單擊按鈕時選擇選項test1和test2

注意：數據類型值可以有兩個單詞值，例如test test，選項文本也可以具有test test

Answer 1

$(document).ready(function() {
   $("#btn").on('click', function(){
       $('#update-select option').prop('selected', false);
       $.each($('#update-select').data('type').split(','), function(i, opt) {
           $('#update-select option:contains('+ $.trim(opt) +')').prop('selected', true);
       });
   });   
});

小提琴

Answer 2

您可以這樣：

$(document).ready(function() {
    $("#btn").click(function(){
         $('#update-select option').prop('selected', false);
        var select = $("#update-select").attr('data-type').split(',');
        for(var i=0; i<select.length; i++){
           $('#update-select option:contains('+ $.trim(select[i]) +')').prop('selected', true);   
        }
    });   
});

檢查http://jsfiddle.net/alaminopu/V85Vx/23/

Answer 3

使用.filter（）函數獲取目標option標簽，然后選擇它。

$(document).ready(function() {
   $("#btn").click(function(){  

       var xText =$('#update-select').data('type');

       $('#update-select option').filter(function(){
           return xText.indexOf($(this).text()) != -1;   
       }).prop('selected', true);

   });   
});

演示