使用javascript中的thymeleaf对象填充输入选择html时未定义

大佬教程收集整理的这篇文章主要介绍了使用javascript中的thymeleaf对象填充输入选择html时未定义，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决使用javascript中的thymeleaf对象填充输入选择Html时未定义？

我正在尝试在 JavaScript 中的选项选择中填充输入值和文本。数据来自 thymeleaf 的 HTML。

这是我想存储在 JavaScript 中的源模型。

public class JobClassEntity {

  private String jobClassID;
  private String jobTypEID;
  private String jobClassname;

  public JobClassEntity(String jobClassID,String jobTypEID,String jobClassName) {
    this.jobClassID = jobClassID;
    this.jobTypEID = jobTypEID;
    this.jobClassname = jobClassname;
  }
 
  //getter & setter
}

这是我的控制器来源。

   @GetMapPing("/")
   public ModelAndVIEw showCreateNewTml(ModelAndVIEw m,Principal principal){

    User user = (User) ((Authentication) principal).getPrincipal();

    List<JobClassEntity> ListJob = jobClassRepository.findAllAssetClass();
    m.addobject("jobclass",ListJob);
    m.setVIEwname("timelines/create-new-timeline");

    return m;
}

ListJob 包含 4 个数据（长度 ListJob = 4）。这是我的部分代码页 (test.HTML)，其中来自控制器的数据传递给 .Js

<script th:inline="JavaScript">
<![cdaTA[*/

    var ListJobC = /*[[${jobclass}]]*/ 'default';

>*/
</script>

在它传递给 JavaScript (test.Js) 之后。我尝试填充数据以选择选项输入。 这是我的源 .Js。

for(jobc in ListJobC)
    {
       var opt = document.createElement("option");
       opt.value= jobc.jobClassID;
       opt.INNERHTML = jobc.jobClassname;

       seljob.appendChild(opt);
    }

在我运行并测试之后，选择显示但值和文本填充为未定义。这是 option value

解决方法

for

大佬总结

以上是大佬教程为你收集整理的使用javascript中的thymeleaf对象填充输入选择html时未定义全部内容，希望文章能够帮你解决使用javascript中的thymeleaf对象填充输入选择html时未定义所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。