html 子页面获取父页面下拉菜单选中的值用js 前端用thymeleaf

假设你的父页面下拉菜单的HTML代码如下：

<select id="mySelect" onchange="updateValue()">
  <option value="value1">Option 1</option>
  <option value="value2">Option 2</option>
  <option value="value3">Option 3</option>
</select>

其中，onchange事件会在下拉菜单选中项改变时触发updateValue()函数。

在子页面中，你可以使用JavaScript获取父页面中下拉菜单选中的值。代码如下：

var parentSelectValue = window.opener.document.getElementById("mySelect").value;

其中，window.opener表示当前子页面的父页面，document表示父页面的文档对象，getElementById("mySelect")表示获取id为“mySelect”的元素，.value表示获取该元素的值。

如果你在前端使用Thymeleaf模板引擎，你可以将该值绑定到子页面的HTML元素上。代码如下：

<!-- 在子页面中定义一个<input>元素，用于显示父页面下拉菜单选中的值 -->
<input id="myInput" type="text" th:value="${parentSelectValue}" />

其中，th:value="${parentSelectValue}"表示将parentSelectValue的值绑定到该元素的value属性上。注意，你需要在子页面的JavaScript代码中定义parentSelectValue变量，并将其赋值为父页面下拉菜单的选中值