前端，给selected中option赋值成功几次后失败

K_Kyle

于 2021-02-18 15:50:44 发布

阅读量296

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript html5 jquery

本文链接：https://blog.csdn.net/K_BUG_K/article/details/113847940

在前端开发中遇到一个棘手的问题，当尝试为下拉框option元素赋值时，初始几次操作正常，但多次尝试后赋值不再生效。尽管代码检查显示选中属性已设置，但在页面上并未显示。通过将$.attr('selected', true)替换为$.prop('selected', true)，问题得到解决。这表明在处理DOM元素的属性时，$.prop()方法可能更为恰当，特别是在处理布尔属性如'selected'时。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

状况描述：
前端给下来框option赋值时，前几次赋值成功，多点几次后，发现赋值失败，但是查看代码发现，option中的选中标签存在，但是页面不显示
解决办法：如下

$("#id").find("option").each(function (index, item) {
                    var value = $(item).text().trim();
                    if (value == "AAA") {
                        $(item).prop("selected", true);
                    }
                })