如何使用百里香从html select获取值和文本

时间:2019-02-01 11:01:56

标签: java thymeleaf

给出以下只有两个字段的POJO:

实体:

  • id
  • 名称

我有一个带有以下选择的表格:

<select required="required" name="name" id="myId">
    <option th:disabled="disabled" selected="true" value="">Choose Value</option>
    <option th:each="element : ${elements}"
            th:value="${element.id}"
            th:text="${element.name}">
    </option>
</select>

我正在尝试填充实体字段,因此id字段将通过th:value(将是所选element.id的值)填充,而name字段将通过th:text(将被填充)是所选element.name的值)。

据我了解(以及我所取得的成就),我只能使用html select标签填充一个字段(我在名称的select标签中设置的一个字段)。关于如何使用百里香叶在我的实体中同时映射th:text和th:value值的任何想法?

2 个答案:

答案 0 :(得分:1)

有几种方法可以做到:-

1。)。在控制器上收到value后,您始终可以perform a select query from your Database based on the value received on your controller来获取文本值。

2。)。您可以将hidden html元素与html-option一起使用,然后使用javascript提交表单并获取两个值。

答案 1 :(得分:0)

就有关标准程序而言,您不能同时获得两个值。但是,您可以将值字段提交为两个值的串联版本。您可以实现以下目标:

<label>
  <input type="radio" name="test" value="trasl">    
  <img class="immaiuto" src="https://remotive.io/wp-content/uploads/2018/10/stackoverflow-logo-remotive.png" alt="img1"/>
</label>
<br />
<label>
  <input type="radio" name="test" value="trasl2">    
  <img class="immaiuto" src="https://remotive.io/wp-content/uploads/2018/10/stackoverflow-logo-remotive.png" alt="img2"/>
</label>