select2 插件ajax动态添加option选项

在使用select2插件时,需要ajax获取数据列表,组装option拼接到<select>标签下。

直接使用append方法拼接会出现错误,

$(".select2").append(`<option value="${ownerNameHidden}" selected>${ownerNameHidden}</option>`);
拼接了之后发现下拉选没有出现,查找资料发现,在拼接了之后,需要再调用select2的trigger方法重新渲染一下,

正确写法:

$(".select2").append(`<option value="${ownerNameHidden}" selected>${ownerNameHidden}</option>`);
$(".select2").trigger('change');//重新渲染


猜你喜欢

转载自blog.csdn.net/sayoko06/article/details/80924155