JS动态生成select下拉框的option并默认选中

这里以民族下拉框为例：

//初始化页面信息
   function yunxing(){

       var nationList = ["汉族","蒙古族","回族","藏族","维吾尔族","苗族","彝族","壮族","布依族","朝鲜族","满族","侗族","瑶族","白族","土家族",
       "哈尼族","哈萨克族","傣族","黎族","傈僳族","佤族","畲族","高山族","拉祜族","水族","东乡族","纳西族","景颇族","柯尔克孜族",
       "土族","达斡尔族","仫佬族","羌族","布朗族","撒拉族","毛南族","仡佬族","锡伯族","阿昌族","普米族","塔吉克族","怒族", "乌孜别克族",
       "俄罗斯族","鄂温克族","德昂族","保安族","裕固族","京族","塔塔尔族","独龙族","鄂伦春族","赫哲族","门巴族","珞巴族","基诺族"];
       $("#nations").append("<option value=''>--请选择--</option>");
       for(i=0;i<nationList.length;i++){
           var a=nationList[i];
           $("#nations").append("<option value='"+a+"' >"+a+"</option>");
       }
       //调用复选框默认选中方法
       selectedVal();
   }

   //遍历下拉框设置默认选项
   function selectedVal(){
       var nation=document.getElementById("nations");
       var mz=document.getElementById("mz").value;
       var ops=nation.options;
       for (var i = 0; i < ops.length; i++) {
           var tempVal=ops[i].value;
           if(tempVal == mz){
               ops[i].selected=true;
           }else{}
       }
   }

JS动态生成select下拉框的option并默认选中相关推荐

jQuery动态生成select下拉框
前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方 ...
动态联动select下拉框实现
我们在做下拉框选择时,常常会遇到一种场景,就是需要两个下拉框,其中一个下拉框的选项和内容需要根据第一个的下拉框的选择动态变化. 比如我有大的分类: 有氧运动无氧运动选择有氧运动时,选项有:跑步, ...
bootstrap获取下拉框数据_bootstrap动态调用select下拉框的实现方法
bootstrap动态调用select下拉框的实例代码 html代码: 填报部门: JS代码: /*获取下拉菜单*/ function showSel(){ $.ajax({ "type&q ...
ajax使用json下拉框,ajax请求后台得到json数据后动态生成树形下拉框的方法
如下所示: $(function(){ $.ajax({ url:"departmentAction_getAllDep.action", type:"post" ...
html5 下拉框美化,纯js超酷select下拉框美化插件
tastySelect是一款纯js超酷select下拉框美化插件.tastySelect下拉框插件支持多选,内置两种主题,使用CSS3动画过渡效果,整体设计时尚大方. 使用方法在页面中引入tasty ...
动态渲染select下拉框选中状态
动态渲染select下拉框选中状态 <div><select name="selectBox" id="" class="selec ...
记录：ajax获取数据动态生成select下拉选js部份
js代码 $(document).ready(function() {$("#role").setRoleList();//调用下面js中的方法 }); jQuery.fn.ext ...
点击select下拉框获取option的属性值
select下拉框作为前端开发者应该是经常使用的,最近在项目中遇到这样的情况,点击下拉框选项,需要获取所点击的option的属性值,当时想很简单啊,给option加一个点击事件不就行了,然后就加了一下 ...
bootstrap动态调用select下拉框
html代码: <label for="classify" class="col-sm-2 control-label">填报部门:</lab ...
layui动态生成的下拉框被遮住
找到下拉款的div 设置:style="z-index: 9999" <div class="layui-input-inline" style=&quo ...

JS动态生成select下拉框的option并默认选中

JS动态生成select下拉框的option并默认选中相关推荐

最新文章

热门文章