使用chonsen美化select,select里面的option是动态请求的,怎么在请求之后更新chosen
时间: 2024-02-11 09:04:58 浏览: 150
如果你的select选项是动态请求的,那么你需要在请求后更新Chosen插件的选项列表。具体实现步骤如下:
1. 在动态请求后获取到新的选项列表数据。
2. 使用jQuery的empty方法清空select元素的所有子节点。
3. 使用jQuery的append方法添加新的选项列表数据到select元素中。
4. 调用Chosen插件的update方法更新选项列表。
以下是一个示例代码:
```javascript
// 假设你使用了jQuery库和Chosen插件
$.get('/api/get_options', function(data) {
// data为请求返回的选项列表数据
// 清空select元素的所有子节点
$('#my-select').empty();
// 添加新的选项列表数据到select元素中
$.each(data, function(index, item) {
$('#my-select').append($('<option>', {
value: item.value,
text: item.text
}));
});
// 更新Chosen插件的选项列表
$('#my-select').trigger('chosen:updated');
});
```
在上述代码中,我们首先使用jQuery的get方法请求新的选项列表数据,然后使用empty方法清空select元素的所有子节点,使用append方法将新的选项列表数据添加到select元素中,最后使用trigger方法触发chosen:updated事件,更新Chosen插件的选项列表。
注意,在更新Chosen插件的选项列表时,我们需要使用trigger方法触发chosen:updated事件,而不是直接调用update方法。因为update方法只会更新Chosen插件的选项列表,而不会触发更新后的视图渲染。
阅读全文