HTML select 展示已选择属性的方法

来源:互联网 发布:与全世界做生意 知乎 编辑:程序博客网 时间:2024/06/05 02:31

最近实现项目的某一功能时,用到了HTML select要展示用户已选择的属性,查阅资料,找到了以下方法,作个简单记录。

1. 传递参数,作判断
+ "<div class='form-group'>"
+ "<label class='col-sm-3'><b><font color='red'>*</font> 类型:</b></label>"
+ "<div class='col-sm-9'>"
+ "<select id='para_type3' class='form-control' onblur='checkEditParaType();'>"
+"<option value=''>请选择</option>"
+"<option value='0' "+ (paraType==0 ?"selected=:\'selected\'":'')+">位置属性层级意义</option>"
+"<option value='1' "+ (paraType==1 ?"selected=:\'selected\'":'')+">安装组件配置</option>"
+"</select>"
+ "</div>"
+ "</div>"

2.获取option的value值,再设置属性

var paraType = 获得你要默认选中的select的value值
$("#select框的id option[value='"+paraType+"']").attr("selected",true);

0 0
原创粉丝点击