js/jquery加入的select value显示不正确问题

Posted

EasyWorld

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js/jquery加入的select value显示不正确问题相关的知识,希望对你有一定的参考价值。

最近有需求,通过js添加select到表格中,虽然通过append加入的代码中select的value为2 但是实际显示出来的结果不对,百度之后没有找到答案,自己想了个办法
需求

var selects = $(\'select\');
for(var i = 0;i<selects.length;i++)
{
    $(selects[i]).val($(selects[i]).attr(\'value\'));
}
  • 把这个代码加在append循环后面即可

  • 猜测通过js/jq加入的代码只是html文本 在并没有一个数据结构与之对应(dom树) 而使用了attr之后,就即时解析了一个value值 然后通过val()修改了显示值

以上是关于js/jquery加入的select value显示不正确问题的主要内容,如果未能解决你的问题,请参考以下文章

Antdesign Select控件回显时显示value值 不显示Label

el-select值的回显问题

单选按钮radio和下拉选择select,ajax返回数据回显对应值

AngularJs的select的回显问题

select下拉框选择后回显问题

thymeleaf中 input/select/radio回显问题