1、新建一个html文件,命名为test.html,用于讲解用js怎样获得下拉框的值。
2、在test.html文件中,使用select标签创建一个城市的下拉框,代码如下:
3、设置select下拉框的id属性为city,用于下面使用js获得下拉框对象。
4、在js标签中,使用getElementById()方法通过id获得下拉框对象,并将对象保存在city变量中。
5、在js标签中,使用for循环遍历select对象,lenght属性用于获得select下拉框值的个数。
6、在for循环内,每次循环都通过innerText属性来获得下拉框的值 ,并使用wr坡纠课柩ite()方法输出在页面中。
7、在浏览器打开test.html文件,查看输出的结果。