从搜索结果值自动填充（选定）下拉列表答案

【问题标题】：auto populated (selected) dropdown list from search result value从搜索结果值自动填充（选定）下拉列表
【发布时间】：2014-05-20 12:11:44
【问题描述】：

这是我用数据库值动态填充表单的 jsp 代码。这段代码工作正常。 “maritalStatusList”是spring jdbc模板返回的模型。

<select name="MaritalStatus">
                    <c:forEach var="maritalStatus" items="${maritalStatusList}">

                        <option value="${maritalStatus.getMaritalStatusId() }">${maritalStatus.getMaritalStatusNameEng()
                            }</option>

                    </c:forEach>


            </select>

我的数据库是这样的：

maritial_status_id | maritial_status

 1               |            married
 2               |           unmarried

现在，我的表单中有一个搜索按钮，它返回通过手机号码搜索的婚姻状况 id。我需要用搜索到的值自动填充这个下拉列表。我怎样才能做到这一点？请问有什么解决办法吗？先谢谢了。 :)

（自动填充表示选中）

【问题讨论】：

您的意思是，在您输入手机号码时填充搜索栏。它的自动建议功能。
没有。单击搜索按钮时，我的页面会重新加载。 dao 返回的搜索结果。此表格将收到价值并显示已婚/未婚选择
所以你想显示结果，对吧？您可以从 db 中显示存储婚姻状况的变量的值。

标签： java spring jsp jakarta-ee

【解决方案1】：

如果我理解正确，您的 status_id 作为 search 操作的返回值。

您可以在选择中添加 id 属性：

<select name="MaritalStatus" id="MaritalStatus">
     <c:forEach var="maritalStatus" items="${maritalStatusList}">
          <option value="${maritalStatus.getMaritalStatusId()}">${maritalStatus.getMaritalStatusNameEng() }</option>
      </c:forEach>
</select>

然后你可以用 jQuery 选择选项：

<script>
$(document).ready(function(){
    $('#MaritalStatus option[value='+  ${consumer.getMaritalStatus()}  +']').attr("selected","selected");
});
</script>

【讨论】：