从 JavaScript 中检索百里香叶对象值

Question

我有简单的 thymeleaf 模板从控制器获取对象，在该模板中我选择了来自控制器的选项作为数组/列表，想要访问所选选项的值。 但是我从 JavaScript 中以字符串的形式获取内存引用

控制器：

modelAndView.addObject("banks",screenDetail.getBanks().toArray());

HTML：

<select id="chooseBank" name="bankId" style="width:100%" class="de-intl-select" onchange="handleBank()">
    <option value=""></option>
    <option th:each="bank:${banks}" th:text="${bank.name}"
            th:value="${bank}">
    </option>
</select>

Javascript：

function handleBank()
{
    var chooseBankField = document.getElementById('chooseBank');
    var bank = chooseBankField.options[chooseBankField.selectedIndex].value;
    console.log("PRINT: "+ bank);
    console.log("PRINT: "+ bank.id);
}

首先将对象引用打印为 sting，即 com.test.Bank@L1232142 第二行打印未定义。

注意：银行是 pojo，包含 id、name、logo 等字段。

我要去哪里拧？

Answer 1

在th:value使用 ${bank.value} 或在 Bank 类中覆盖toString() 。 你得到的是toString()方法默认实现的结果。