新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、确定当前需要添加元素的text以及对应的value
创新互联是专业的北碚网站建设公司,北碚接单;提供做网站、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行北碚网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
2、获取当前下拉框中所有的option元素数组optionArr,可以通过$('#citySelect option')获取元素集合。
3、遍历optionArr,判断需要添加的text或者value是否和optionArr相同,相同则不添加,没有重复则添加。
示例:
select id='citySelect'
option value='beijing'北京/option
option value='shanghai'上海/option
/select
方法:
script
function addCity(value, text){
var optionArr = $('#citySelect option');
for(var i=0;ioptionArr.length;i++){
if(optionArr[i].text == text || optionArr[i].value == value){
return false;
}
}
var addOption = "option value='" + value + "'" + text + "/option";
$('#citySelect').append(addOption);
}
/script
使用jQuery配合Superfish制作下拉菜单需要具备以下几个参数
1、项目中需要有jQuery版本库;
2、下载Superfish插件——Superfish;
3.需要把上面两个js引入你的项目中
导入jQuery库和Superfish插件
script type="text/javascript" src="js/jquery.min.js"/script script type="text/javascript" src="js/superfish.js"/script
为了让菜单一个默认的样式,大家还可以到superfish下载superfish.css样式文件,可以直接调用
link rel="stylesheet" href="css/superfish.css" /
$("select").val(1);
这样就可以给下拉框赋值,选中option value=1的
jquery设置下拉框的默认值可以直接使用val方法进行设置。
val方法可以设置表单元素的值,不管是输入框还是下拉菜单,都是用一样的设置方法。
1、添加下拉框选项并设置样式
function addOption(){
$("#下拉框的id").append( "option value=\"1\"选项一/option" );
$("#下拉框的id").append( "option value=\"1\"选项二/option" );
//可以一个一个添加,也可以遍历要添加的数据循环添加
//两种方式设置样式
//1、直接设置下拉框的css
$("#下拉框的id").css({"widht":"20px","height":"10px"});
//2、或者写好css样式动态添加class
//css文件或者标签里写好css样式如:.option{width:20px;height:10px;}
$("#下拉框的id").addClass("option");
}