使用 Onchange 将 Select Box 转换为 Select2

Question

我有一个很长的 select 框，带有 onchange 函数，这样当用户 select 一个项目时，他们会被带到该项目的页面。

<select class="project-chooser" onchange="if (this.value) window.location.href=this.value">
<option value="http://projectpageurl.com">Project Title</option> 
<option value="http://projectpageurl2.com">Project Title 2</option> 
<option value="http://projectpageurl3.com">Project Title 3</option> 
</select>

由于选项太多，我想将其转换为 Select2 以便用户可以搜索，但是一旦我将 Select2 应用到我的下拉列表中，我不知道如何获得相同的效果。 onchange 被剥离。有人知道吗？

Answer 1

你需要像这样使用select2:select事件

 $('.project-chooser').on('select2:select', function (evt) {
     window.location.href=$(this).val();
});

这是工作示例 https://jsfiddle.net/yek6bkfs/