在下拉框中动态显示值，然后显示已存储在数据库中的用户选择的选定值

Posted 2023-05-08

【中文标题】在下拉框中动态显示值，然后显示已存储在数据库中的用户选择的选定值

【英文标题】：Dynamically display values in dropdown box and then show the selected values as selected by the user which is already stored in the DB

【发布时间】：2018-04-03 23:19:39

【问题描述】：

在下拉框中动态显示值，然后将所选值显示为 由已存储在数据库中的用户选择。 代码下方

<form:select class="form-control required" name= "type_st" id="type_st">
  <form:option value="AA">Austerlia</form:option>
  <form:option value="BB">Bangladesh</form:option>
  <form:option value="BOTH">Both</form:option>
</form:select>

如果用户选择AA并保存为草稿提交，当再次显示该页面时，它应该显示AA以及其他两个选项

【问题讨论】：

能否请您重新表述您的问题，因为很难理解您的要求。

简单如果选项值与数据库存储值匹配，我想将“选择”放在下拉菜单中。

【参考方案1】：

如果您已经在 DB 中保存了您提到的状态，则将该状态转换为属性 selected 到您的标记。 下面的 MDN 文档示例， https://developer.mozilla.org/en-US/docs/Web/html/Element/select

`<!-- The second value will be selected initially -->
<select name="select"> <!--Supplement an id here instead of using 'name'-->
  <option value="value1">Value 1</option> 
  <option value="value2" selected>Value 2</option>
  <option value="value3">Value 3</option>
</select>`