Как отобразить выбранный элемент из «выбрать» в «текстовое поле» в Thymeleaf? - PullRequest
0 голосов
/ 02 января 2019

Я разрабатываю простое загрузочное приложение Spring с помощью Thymeleaf и хочу отобразить выбранного «пользователя» из Combobox1 в текстовом поле «userName». Как я могу это сделать?

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Добавить цитату</title>
</head>
<body>
<form th:action="@{/addQuote}"
  th:object="${personForm}" method="POST">
<p><b>Имя</b><br>
<div>
    <input name = "userName" type="text" size="38" th:field="*{name}" >
    <a style="position:fixed;left:0px;top:0px;margin: 0;border-width:0;z- 
index:255"></a>
</div>
<textarea name="comment" cols="40" rows="6" th:field="*{text}"  >
</textarea>
<p><input type="reset" value="Отменить">
    <input type="submit" value="+"></p>
<select name="Combobox1" size="1" id="Combobox1"
      style="position:absolute;left:17%;top:4%;width:199px;height:20px;z- 
index:3;" >
    <option th:each="user : ${users}"
            th:value="${user}"
            th:utext="${user}"/>
 </select>
</form>
<div th:if="${errorMessage}" th:utext="${errorMessage}"
 style="color:red;font-style:italic;">
</div>
</body>
</html>

1 Ответ

0 голосов
/ 02 января 2019

Вариант 1: Добавьте Id в тэг userName

<input id="userName" name = "userName" type="text" size="38" th:field="*{name}" />

Добавить скрипт

<script>
 function check() {
     document.getElementById("userName").value=document.getElementById("Combobox1").value;
    } 
 </script>

Функция вызова скрипта

 <select id="Combobox1"  onChange="check();">

Option2:

Еще один вариант с Jquery

$(function() { 
  $("#Combobox1").on("change",function() { 
  alert();
    $("#userName").val($(this).val()); 
  }); 
}); 
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...