javascript - jQuery : On clicking the button select drop down option

标签 javascript jquery

我是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 here

我正在根据某些服务器数据动态设置数据类型值。 单击按钮时必须选择其值等于数据类型值的选项

此处的数据类型值为 test1test2,因此必须选择选项 test1test2单击按钮

注意:数据类型值可以有两个单词值,例如 test test,也可以是选项文本 可以进行测试测试

最佳答案

$(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);
       });
   });   
});

FIDDLE

关于javascript - jQuery : On clicking the button select drop down option,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20165895/

相关文章:

javascript - 不应用 ToggleClass 规则

javascript - 如何从页面中删除 YUI 图表

javascript - 样式标签中的 Angular

javascript - firebase 数据库调用的数组记录了正确的数据,但长度显示为 0

javascript - jquery 验证无法使用 jquery 验证插件

javascript - ASP.NET - JavaScript onmouseout 获取原始背景

c# - asp如何判断文本框是否为空

ASP.NET 和 jQuery AJAX - 奇怪的问题

javascript - 突出显示旁边的 td 或 tr

javascript - 属性与类之间是否存在任何性能(或其他)差异?