Question

我有一个非常长的选择框，带有onchange功能，这样当用户选择一个项目时，它们就会被带到该项目的页面。

<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应用到我的下拉列表中，就不知道如何获得相同的效果。转换被剥离了。有谁知道吗？

Answer 1

你需要使用select2：select这样的事件

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

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

将带有Onchange的Select Box转换为Select2

1 个答案: