jquery - Select2 -- 选择选项后访问 URL

Question

我有一个简单的 SELECT2 设置，如下所示:

<select name="cat" id="cat" class="js-example-basic-single">
    <option value="URL.com">Option 1</option>
    <option value="URL2.com">Option 2</option>
</select>

我很好奇如何使这些选项可点击，以便在搜索过程中点击或找到它们后，它们会立即转到 value=""中的 URL。

我的 header 包含:

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
        $(".js-example-basic-single").select2();
        });
    </script>

我知道网上有文档，但它不满足我的具体要求。

Answer 1

正如 Taplar 告诉您的文档涵盖了您的请求，您只需要管理 select2:select event并用它打开网址:

$("#cat").on("select2:select", function (e) {
    window.open(e.params.data.id);
});

如果你想在搜索时打开网址并点击输入，上面的代码就足够了。

如果您想在搜索返回单个值时自动执行相同的操作，请使用 this code更改仅匹配一个结果时要执行的操作。

希望这有帮助。