时间戳

首页 > 解决方案 > 在百里香中预填充下拉选择列表

javascript - 在百里香中预填充下拉选择列表

问题描述

我有用户个人资料编辑页面，并且有 3 个包含国家、州和城市的下拉列表。国家没有那么多选项（247），所以我在 html 中添加它们是静态的，其他将使用 DB 中的 AJAX。我在选定的代码之上添加：

<option th:value="${theUser.country}" th:text="${theUser.country}"></option>

当我将页面上的某些值更新到数据库时，发送数字（国家/州/城市的值（id））但我想要国家/地区的名称。所以当我回来并在页面上显示不是显示数字而是国家/州/城市名称时。如何在百里香或javascript中做到这一点。

我用javascript解决了这个问题：

var c ={};
$("#countryId").change(function () {
         c.countrytxt = $(this).find("option:selected").text();

处理州和城市，然后使用 AJAX 更改保存的值发送到服务器：

 formData.country = $('#countryId').val();
    formData.state = $('#stateId').val();
    formData.city = $('#cityId').val();
    formData.country = c.countrytxt;
    formData.state = c.statetxt;
    formData.city = c.citytxt;

标签： javascriptselectthymeleafdropdown

解决方案

推荐阅读