版权声明:LT https://blog.csdn.net/LitongZero/article/details/84846735
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");