具体代码如下:
<html>
<body>
<select id="select" title="请选择" class="">
<option value="" selected="selected">--全部--</option><!-- 默认选择项 -->
</select>
</body>
<script type="text/javascript">
//如果是js,则写法如下
document.getElementById("select").append("<option value='"+"值1"+"'>"+"值1"+"</option>");
//如果是JQuery(此处还需要引入一个JQuery包才能使用),则写法如下:
$("#select").append("<option value='"+"值1"+"'>"+"值1"+"</option>");
</script>
</html>
以上笔者特别把“值1”分割开,目的是为了满足大多数人可能会通过遍历一个数组数据来动态添加到下拉选择框中,此时可能会通过for循环来实现,如下:
<!--html部分省略 -->
<script type="text/javascript">
var selectContent = ["选项1","选项2","选项3"];
//如果是js,则写法如下
for(var i = 0 ; i < selectContent.lenght; i++){
document.getElementById("select").append("<option value='"+selectContent[i]+"'>"+selectContent[i]+"</option>");
}
</script>