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);

   });   
});

演示