У меня есть объект thymeleaf - на основе его идентификатора я создаю идентификаторы моих HTML-элементов. Мне нужно взять один из этих идентификаторов и поместить его в кусок javaScript, чтобы я мог передавать значение из одного элемента в другой ...
В настоящее время я работаю с кодом JavaScript, но только на «твердых» значениях. Если я попытаюсь разместить переменную тимелина, это не сработает. Я предполагаю, что это связано с необходимостью помещать кавычки вокруг переменной, когда я пытаюсь выбрать элемент по ID, но я не уверен ... Я попытался скопировать некоторые примеры кода, как показано ниже (извините, стек не правильно форматирование и мой HTML исчезают из редактора, когда я вставляю HTML, поэтому мне пришлось все комментировать ...):
<!--<div id="editor" onblur="assignDivValueToTextArea()"-->
<!-- contenteditable="true">-->
<!--Enter text here...-->
<!--</div>-->
<!--<textarea -->
<!--th:form="${myth.getId()} + 'a'" th:id="${myth.getId()} + 777" name="content"-->
<!--th:field="*{content}"></textarea>-->
<!--<script th:inline="javascript">-->
<!--function assignDivValueToTextArea() {-->
<!--var textAreaId = [[${myth.getId()+777}]];-->
<!--$("#" + textAreaId).val($("#editor").html())-->
<!--}-->
<!--</script>-->
Пока я вижу, что моя переменная textAreaId имеет заданное значение (например, asd777), но по неизвестным причинам функция не распознает эту строку как идентификатор элемента. Странно, но у меня есть аналогичные функции в других местах шаблона HTML (конечно, с другими надстройками, например, 'asd111') для модалов (показать / скрыть), и они работают нормально. Может кто-нибудь посоветовать мне, где моя ошибка?