從 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()方法默認實現的結果。