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>

我很好奇如何使这些选项可以点击，这样一旦在搜索过程中点击或找到，他们会立即转到值=“”的网址。

我的标题包含：

<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更改仅匹配一个结果时要执行的操作。

希望这有帮助。

Answer 2

这就是我的所作所为：

<script type="text/javascript">
        $(document).ready(function() {
        $(".js-example-basic-single").select2();

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

        });
    </script>

选择2 - 选择一次选项后访问URL

2 个答案: