select标签

select标签怎么用

书写模板：

<!-- class属性方便书写css样式或js语句 -->
<select class="myselect">      
	<option value="a" selected="selected">上海</option>  <!-- 下拉框数据1 selected默认选中该项 -->
	<option value="b" >北京</option>  <!-- 下拉框数据2 -->
	 <!-- ... -->
	<option value="n">n</option>    <!-- 下拉框数据n -->
</select>
（可以用js语句填充，如forEach）

value的作用：

 $(".myselect option:first").val();    //获取第一个option的value 即为a

select 获取选中的选项值

$(".myselect").change(function(){
	var myvalue=$(this).val();  //获取value值
	var data=$("option:selected").text();  //获取text值
	console.log("value为：",myvalue);
	console.log("text为：",data);
})

链接: 我的页面.

带尺寸的图片:

谢谢阅读！