JS、JQuery选择器 选择内容前后带空格

JS、JQuery选择器 选择内容前后带空格

问题产生背景

今天碰到了一个不合理的需求（不服来辩。。）

要求保存的编码（一个字段，类似于班级）前后可以有空格。。。

需求嘛，来了就只能做咯。

---

产生问题

在修改的时候，突然碰到一个问题。

在这个字段作为下拉框时，设置默认值的时候，因为option中的value前后带有空格字符，所以在用选择器，选择的时候，竟然选不上。。如下：

let grade = //后端返回的值
$("#gradeCode_select").find("option[value="+grade+"]").attr("selected","selected");
//编译后，应该是，例如grade="   2222"
$("#gradeCode_select").find("option[value=   2222]").attr("selected","selected");

---

解决问题

这就比较尴尬了。在经过反复的推敲后。终于找到了解决方法。如下：

let grade = //后端返回的值
$("#gradeCode_select").find("option[value='"+grade+"']").attr("selected","selected");
//编译后，应该是，例如grade="   2222"
$("#gradeCode_select").find("option[value='   2222']").attr("selected","selected");

在选择条件两边加上'，就可以了。

---

分析原因

目前觉得，原因就是在编译的时候，可能自动去掉了空格，但是加上'后，编译器必须把他看成一个整体，所以，就不会忽略空格了。