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

How do I make Bootstrap Select2 dropdown go to the selected URL on click?

本文关键字：URL 单击 Bootstrap 何使 Select2 下拉列表      更新时间：2023-09-26

我正在使用Select2(https://select2.github.io)我正试图让它直接进入一个特定的URL，而不是作为一个表单。所以，如果有人点击阿拉巴马州，它就会进入阿拉巴马州网站，如果有人为怀俄明州点击怀俄明州，那么就会进入怀俄明州网站，等等。

表单非常基本，比如：

<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/

有人设法让它发挥作用吗？

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;
    }
});
相关文章：