如何在单击时使Bootstrap Select2下拉列表转到所选的URL?

用户1996496

我正在使用Select2(https://select2.github.io),并且试图使其直接进入特定的URL,而不是将其用作表单。因此,如果有人单击阿拉巴马州,它将转到alabama.com;如果有人单击怀俄明州,然后单击wyoming.com,依此类推。

该表格非常基本,例如:

<form>
    <select class="js-example-basic-single">
        <option value="AL">Alabama</option>
        <option value="WY">Wyoming</option>
    </select> 
</form>

发起于

$('.js-example-basic-single').select2({
    minimumResultsForSearch: -1
});

我搜索了一种onclick方法,但似乎没有。我在这里有一个小提琴:http : //jsfiddle.net/Lbwcffcm/1/

有人设法使这个工作正常吗?

戈兰·莫特兰(Goran Mottram)

Select2具有自定义事件,包括一个名为select2:select的事件

select2:select 选择结果时将触发。

$('.js-example-basic-single').select2({
    minimumResultsForSearch: -1
}).on('select2:select', function(){
    switch($(this).val())
    {
        case 'AL':
            location.href = 'http://www.alabama.com';
            break;
        case 'WY':
            location.href = 'http://www.wyoming.com';
            break;
    }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何清除select2下拉列表?

单击硒中的select2下拉列表时出现问题

使用Ajax时清除select2下拉列表的正确方法是什么?

如何检索存储在select2下拉列表中的数据?

如何使用JqGrid更改select2下拉列表的选定值?

如何使用从Select2下拉列表中选择的选项来触发jQuery?

如何使用Ajax在select2下拉列表中更新数据

按下选项卡时如何在焦点上打开select2下拉菜单

如何在select2下拉框中添加HTML内容

如何在select2下拉菜单中换行?

在选择另一个select2下拉菜单时重置一个select2下拉菜单的元素

如何捕捉select2下拉菜单的宽度?

如何使用水豚来选择select2下拉字段

如何在每个新请求中使用Ajax数据源进行select2下拉?

如何在悬停而不是单击时使Twitter Bootstrap菜单下拉菜单

当我单击离开时,Bootstrap 3下拉列表关闭

如何使用JQuery通过选项列表索引号更改JQuery-select2下拉列表的选定值

如何在单击按钮时复制URL?

如何在下拉框下方的Select2中显示所选标签?

如何使用ng-select默认设置angualr2下拉列表中的选定值?

当我们在平板电脑上单击外部时,如何关闭bootstrap 3下拉菜单?

单击下一行中的select2时如何防止select2清除所选值

如何从Bootstrap 4下拉项目菜单显示所选项目

在Angular js中选择元素形式list1下拉列表后,如何从list2下拉列表中的数组中删除元素?

单击它们时更改Bootstrap 4下拉项目的颜色

单击选择元素时,Bootstrap4下拉菜单会自动折叠

如何在单击时复制列表项的内容文本?

如何在单击列表项时获取文本?

在Flask中,如何在单击按钮时生成动态URL?