改变下拉框动态加载文本框的值

<tr>
                        <td class="td-label">表显示名:</td>
                        <td class="td-input"><select name="tableName" id="tableName">
                        <option th:each="data:${tableInfoFormMaps}" th:attr="dbTableName=${data.dbTableName}" th:value="${data.tableId}" th:text="${data.tableName}" th:selected="${data.tableId eq tableInfoFormMap.tableId}" ></option>
                        </select></td>
                    </tr>
                    <tr>
                        <td class="td-label">表物理名:</td>
                        <td class="td-input">
                        <input readonly="readonly" name="dbTableName" id="dbTableName" th:value="${tableInfoFormMap.dbTableName}" /></td>

                    </tr>

function loadselect() {
    $("#dbTableName").val($("#tableName option:selected").attr('dbtablename'));


}