在下拉列表中显示已保存的数据 - html选择标记

时间:2015-01-15 16:28:27

标签: javascript php jquery html mysql

我在下面的表单中有一个静态下拉列表:

<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并提交表单。价值&#34; Apple&#34;将保存在mysql数据库中。用户可以选择在提交表单后编辑表单。

当用户编辑表单时,我知道如何从mysql中检索数据并将其回显但是如何使这个选项包含值&#34; Apple&#34;如此选择,以便这个值&#34; Apple&#34;将显示为默认值而不是&#34;请选择一个品牌&#34;?

谢谢,

3 个答案:

答案 0 :(得分:3)

假设数据库中保存此值的变量为$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的宝贵意见和建议

答案 1 :(得分:1)

您必须设置&#34;已选择&#34;你选择的参数。

示例:

<option value="Apple" selected>Apple</option>

答案 2 :(得分:0)

只需将其连接到mysql并检查他检查的值,然后在选项中显示选中。使用以下代码获取html

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

http://jsfiddle.net/jkrryuhx/

在此示例中,Apple将被选为默认值

希望这有助于你