PHP动态生成select选项单引号导致JavaScript取值截断问题求解

你遇到的字符串截断问题是转义规则误用导致的：

• 反斜杠是JavaScript字符串的转义符，对HTML属性完全无效，HTML属性中包裹符的转义需要使用HTML实体编码
• 你用单引号包裹option的value属性，当属性值中出现未经过HTML转义的单引号时，浏览器会直接把这个单引号识别为属性的结束标记，后续内容全部被截断，你加的反斜杠只会被当做普通文本保留，所以才会出现alert输出到反斜杠就结束的情况
• option的text是HTML文本节点，单引号在文本节点中没有语法意义，所以不需要转义也能正常读取

修改PHP中对shortname的转义逻辑，把addslashes替换为htmlspecialchars，并指定ENT_QUOTES参数同时转义单双引号：

// 原有addslashes代码替换为下面这行
$thisShortName = htmlspecialchars($row['shortname'], ENT_QUOTES);

修改后生成的HTML会变成如下格式，浏览器可以正确解析：

<option value='11,SUN Men&#39;s League'> Sunday Men's Group </option>

此时JS读取value属性时，会自动把HTML实体'还原为普通单引号，拿到完整的字符串，不会出现截断问题。

如果后续需要把读取到的value值放到JS字符串中使用（比如拼接JS代码、传参给其他JS函数），再针对JS上下文做转义处理，不要提前混用不同场景的转义规则。

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