jQuery Chosen 如何从多选下拉框中获取已选选项的文本数组

你可以通过筛选选中的option元素并提取文本的方式实现需求，完整代码如下：

var select_custom = jQuery("#select_custom");

select_custom.change(function(){
  // 获取已选option的文本数组
  var selectedTexts = select_custom.find('option:selected').map(function () {
    return jQuery(this).text();
  }).get();
  
  // 测试输出，结果格式和你预期一致
  console.log(selectedTexts);
});

实现逻辑说明 #

• 用find('option:selected')筛选出当前下拉框所有处于选中状态的option节点
• 用jQuery的map()方法遍历所有选中节点，返回每个节点的文本内容
• 最后调用get()方法将jQuery集合转换为普通JS数组，得到你需要的文本数组

这个方案不需要调用Chosen插件的特殊API，直接基于原生select的选中状态取值，和Chosen的状态是完全同步的，不会出现取值不一致的问题。

内容的提问来源于stack exchange，提问作者Dali