如何创建一个简单的带有预选值的下拉列表(第一个博客,来个简单的)
在浏览网页时我们经常会遇到有下拉选项的列表框,并且未选择前显示的是列表中的第一个,那要怎么去让它未选择前显示一个我们想要显示的其中一个选项呢?
首先,创建下拉列表控件时必须要用这两种元素:
一个<select>元素容纳列表、多个<option>元素集合来标识列表选项。
使用<select>元素的name属性给整个列表命名,使用每个<option>元素的value属性来给每个选项一个唯一的值。
然后只需在要显示的选项设置<option>元素的selected属性即可。
<html>
<body>
<form>
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="chengdu" selected="selected">成都</option>
<option value="shenzhen">深圳</option>
<option value="wuhan">武汉</option>
</select>
</form>
</body>
</html>
浙公网安备 33010602011771号