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);
})
链接: 我的页面.
带尺寸的图片:
谢谢阅读!