如何将Chosen jQuery插件选中项格式化为'val1','val2'形式

你需要将选中的选项值转换为每个值带单引号、逗号分隔的格式，只需要对数组做简单的遍历处理即可，修改后的代码如下：

修改后的JavaScript代码 #

$(".chosen-select").on('change', function(evt, params) {
    var options = $('#selectID').val();
    
    // 处理未选中任何选项的边界情况
    if (!options) {
        console.log("NAME IN ()");
        return;
    }
    
    // 给每个选项值包裹单引号，同时转义值内的单引号避免SQL语法错误
    var formattedValues = options.map(val => {
        const escapedVal = val.replace(/'/g, "''");
        return `'${escapedVal}'`;
    }).join(',');
    
    // 拼接成完整的IN查询片段
    var queryCondition = `NAME IN (${formattedValues})`;
    console.log(queryCondition);
});

代码说明 #

• 首先通过$('#selectID').val()获取选中的选项数组，注意当没有选中任何选项时，这个值为null，所以需要先做判断处理。
• 使用map()方法遍历数组，对每个值做两个处理：
  1. 用replace(/'/g, "''")转义值中的单引号（SQL中用两个单引号表示一个单引号），避免出现'O'Neil'这种导致语法错误的情况。
  2. 给转义后的值包裹单引号，得到类似'val1'的字符串。
• 最后用join(',')将处理后的数组元素拼接成字符串，再组合成完整的IN查询条件。

补充提醒 #

如果你的查询语句是直接拼接字符串生成的，一定要注意防范SQL注入风险。更安全的做法是使用参数化查询（比如通过后端框架的预编译语句），而不是直接将用户输入的值拼接到SQL中。

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