javascript - 在下拉列表中显示保存的数据 - html select 标签

Question

我有一个如下形式的静态下拉列表:

<select class="form-control" id="brand" name="brand">
<option value="">Please select a Brand</option>
<option value="Apple">Apple</option>
<option value="Samsung">Samsung</option>
<option value="Sony">Sony</option>
</select>

当用户选择品牌时，假设:Apple 并提交表格。值“Apple”将保存在 mysql 数据库中。我可以选择让用户在提交后编辑他们的表单。

当用户编辑表单时，我知道如何从 mysql 中检索数据并将其回显出来，但是如何使这个包含值“Apple”的选项被选中，以便这个值“Apple”将显示为默认值的“请选择一个品牌”？

谢谢，

Answer 1

假设数据库中保存此值的变量是 $brand 那么您可以这样做:

<select class="form-control" id="brand" name="brand">
   <option value="">Please select a Brand</option>
   <option value='Apple' <?php echo $brand=='Apple'?'selected':''; ?>>Apple</option>
   <option value='Samsung' <?php echo $brand=='Samsung'?'selected':''; ?>>Samsung</option>
   <option value='Sony' <?php echo $brand=='Sony'?'selected':''; ?>>Sony</option>
</select>

当然，如果您可以在一个查询中获取所有品牌，这可以通过循环来完成。也许是这样的:

<select class="form-control" id="brand" name="brand">
<?php
 $brands_array=array("Apple","Samsung","Sony"); // could come from DB
  foreach($brands_array as $b) {
   echo '<option value="',$b,'"',( $brand==$b ?' selected="selected"':'').'>',$b,'</option>';
  }
?>
</select>

希望这对您有所帮助。

感谢 Ismael Miguel 的宝贵意见和建议