精华内容
下载资源
问答
  • html选择框

    千次阅读 2019-10-31 09:54:41
    单选:inpu type=“radio”name=“xx” vlaue=“xx” name属性必须一致 例如 文字和表单没关系给用户看的...下拉选择框 如果没有value的话就会直接选择里面的内容比如终结者,select的vlue只取决于option的vlue ...

    单选:inpu type=“radio”name=“xx” vlaue=“xx” name属性必须一致 例如在这里插入图片描述
    文字和表单没关系给用户看的,但里面的value跟服务器有关
    单选:label的for属性跟id挂钩

    在这里插入图片描述
    单选写外面

    多选按钮(在外面还要写文字)
    在这里插入图片描述
    下拉选择框
    在这里插入图片描述
    如果没有value的话就会直接选择里面的内容比如终结者,select的vlue只取决于option的vlue
    在这里插入图片描述

    展开全文
  • 选择框效果选择框效果
  • html选择框修改样式

    2019-12-19 21:38:40
    将单选的redio样式改编成长方形 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&...

    将单选框的redio样式改编成长方形

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>加入购物车</title>
    
     <style>
     body{
    text-align:center;
    
     }
    span {
    	display: inline-block;
    	width: 100px;
    	height: 50px;
    	border: 1px solid grey;
    	vertical-align: middle;
    }
    
    :checked+span {
    	background-color: grey;
    }
    
    input[type=radio] {
    	display: none;
    }
    
    .queding {
    	width: 200px;
    	height: 20px;
    }
    </style>
    </head>
    <body> 
    <form action="ShopCartServlet" method="post">
    <input type="hidden" name="op" value="insert">
    <!-- user_id此处有bug用户无需选择id -->
    用户id:<br>
    <label><input name="user_id" type="radio" value="1" /><span>1</span></label>
    <label><input name="user_id" type="radio" value="2" /><span>2</span></label>
    <label><input name="user_id" type="radio" value="3" /><span>3</span></label>
    <label><input name="user_id" type="radio" value="4" /><span>4</span></label><br>
    商品id:<br>
    <label><input name="good_id" type="radio" value="1"/><span>1</span></label>
    <label><input name="good_id" type="radio" value="2"/><span>2</span></label>
    <label><input name="good_id" type="radio" value="3"/><span>3</span></label>
    <label><input name="good_id" type="radio" value="4"/><span>4</span></label><br>
    商品数量:<br>                                     
    <label><input name="quantity" type="radio" value="1"/><span>1</span></label>
    <label><input name="quantity" type="radio" value="2"/><span>2</span></label>
    <label><input name="quantity" type="radio" value="3"/><span>3</span></label>
    <label><input name="quantity" type="radio" value="4"/><span>4</span></label><br>
    商品价格:<br>                                    
    <label><input name="price" type="radio"  value="4"><span>4</span></label><br>
    <input class="queding" type="submit" value="确定">
    </form>
    </body>
    </html>
    

    结果
    在这里插入图片描述

    展开全文
  • HTML选择框的联动模板

    千次阅读 2019-05-29 16:55:52
    DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>省市联动</title> </head> <body onload="add()"> <select na...

    以省市为例:

    在这里插入代码片
    ```<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>省市联动</title>
    	</head>
    	<body onload="add()">
    		
    		
    		<select name="" id="province" onchange="setCity()">
    			
    		</select>省
    		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    		<select name="" id="city" >
    			
    		</select>市
    		
    		
    	
    	
    	<script type="text/javascript">
    		<!-- 设置省市信息 -->
    		var provinceList=['河南','山西','河北'];
    		var cityList=[['郑州','驻马店','许昌'],['太原','大同','晋中'],['唐山','石家庄','邢台']];
    		
    		
    		//使得页面打开就填充省数据
    		function add(){
    			var sel=cz("province");
    		//遍历,添加到省数据里
    		for(var i=0;i<provinceList.length;i++){
    			 var op=document.createElement("option");
    			 op.text=provinceList[i];
    			 sel.add(op);
    		}
    		}
    	
    	
    		
    		
    		//设置city select内容
    			function setCity(){
    				//获取选中的省级列表index
    				var sel=cz("province");
    				// alert(sel.selectedIndex);
    				
    				//通过省级列表index 获取市级列表集合
    				var ccList=cityList[sel.selectedIndex];
    				
    				//清空city select 中的option
    				cz("city").innerHTML=" ";
    				
    				遍历cityList  将内容设置进入city select
    				for(var i=0;i<ccList.length;i++){
    					var op=document.createElement("option");
    					op.text=ccList[i];
    					cz("city").add(op);
    					
    					
    				}
    				
    			}
    				function cz(id){
    					return document.getElementById(id);	
    				}
    				
    			
    	</script>
    	
    	</body>
    </html>
    
    
    
    展开全文
  • html选择框多级联动

    万次阅读 2016-08-17 19:46:05
    Demo来源:http://www.imuum.com/plugin-jquery-cityselect-js-provinces-linkage-effect.html 我把Demo改写成最多可以到5级联动,需要增加修改也很容易 前面采用Java递归建树 后面补充了前端递归建树

    Demo来源:http://www.imuum.com/plugin-jquery-cityselect-js-provinces-linkage-effect.html

    我把Demo改写成最多可以到5级联动,需要增加修改也很容易

    数据来源,Java端通过Spring boot输出将实体类转成JSON对象,转换效率有点低

    TreeItem.java

    public class TreeItem {
        private String id;
        private String pId;
        private String name;
        private String extra;
        public TreeItem(String id,String pId,String name) {
            this.id = id;
            this.pId = pId;
            this.name = name;
    
        }
        public TreeItem(String id,String pId, String name, String extra) {
            this.id = id;
            this.pId = pId;
            this.name = name;
            this.extra = extra;
        }
        public String getId() {
            return id;
        }
    
        public void setId(String id) {
            this.id = id;
        }
    
        public String getpId() {
            return pId;
        }
    
        public void setpId(String pId) {
            this.pId = pId;
        }
    
        public String getName() {
            return name;
        }
    
        public void setName(String name) {
            this.name = name;
        }
    }
    Tree.java

    import java.util.ArrayList;
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    
    public class Tree {
        private List<TreeItem> nodes;
    
        public Tree(List<TreeItem> nodes){
            this.nodes = nodes;
        }
    
        public Map buildTree(){
            List<Map<String,Object>> list=new ArrayList<>();
            for (TreeItem node : nodes) {
                String id = node.getId();
                if (node.getpId() == null) {
                   list.add(build(node));
                }
            }
            Map treeMap=new HashMap<>();
            treeMap.put("citylist",list);
           return treeMap;
        }
    
        private Map build(TreeItem node){
            List<TreeItem> children = getChildren(node);
            List<Map<String,Object>> list=new ArrayList<>();
            Map<String,Object> map=new HashMap<>();
            map.put("node",node);
            if (children.isEmpty()) {
                return map;
            }
            for (TreeItem child : children) {
                list.add(build(child));
            }
            map.put("children",list);
            return map;
        }
    
        private List<TreeItem> getChildren(TreeItem node){
            List<TreeItem> children = new ArrayList<TreeItem>();
            String id = node.getId();
            for (TreeItem child : nodes) {
                if (id.equals(child.getpId())) {
                    children.add(child);
                }
            }
            return children;
        }
    }
    通过调用Tree.buildTree函数就可以生成我们需要的json数据

    然后就是前端页面了,预设值部分还没有做

    index.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>基于jQuery+JSON的省市联动效果</title>
    <script type="text/javascript" src="js/jquery.2.1.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.cityselect2.js"></script>
    <script type="text/javascript">
    $(function(){
    	$("#city").citySelect({
    		nodata:null,
    		required:false
    	}); 
    });
    </script>
    </head>
    
    <body>
    <div id="main">  
      <div class="demo">
      	<h3>设置省份、城市、地区(县)的默认值</h3>
        <p>三级联动</p>
        <div id="city">
      		<select class="s0"></select> 
        	<select class="s1" disabled="disabled"></select>
          <select class="s2" disabled="disabled"></select>
          <select class="s3" disabled="disabled"></select>
          <select class="s4" disabled="disabled"></select>
        </div>
      </div>
      </div>
      <br />
    <br />
    </div>
    </body>
    </html>
    

    cityselect2.js

    /*
    Ajax 多级联动
    http://code.ciaoca.cn/
    日期:2012-7-18
    
    settings 参数说明
    -----
    url:省市数据josn文件路径
    prov:默认省份
    city:默认城市
    dist:默认地区(县)
    nodata:无数据状态
    required:必选项
    ------------------------------ */
    (function($){
    	$.fn.citySelect=function(settings){
    		if(this.length<1){return;};
    
    		// 默认值
    		settings=$.extend({
    			url:"js/city.js",
    			prov:null,
    			city:null,
    			dist:null,
    			nodata:null,
    			required:true
    		},settings);
    
    		var box_obj=this;
    		var s0_obj=box_obj.find(".s0");
    		var s1_obj=box_obj.find(".s1");
    		var s2_obj=box_obj.find(".s2");
    		var s3_obj=box_obj.find(".s3");
    		var s4_obj=box_obj.find(".s4");
    	
    		var prov_val=settings.prov;
    		
    		var select_prehtml=(settings.required) ? "" : "<option value=''>请选择</option>";
    		var city_json;
    
    		//获取当前选择框前面的选择框
    		var getPreS=function(s){
    			if(s==s1_obj) return s0_obj;
    			if(s==s2_obj) return s1_obj;
    			if(s==s3_obj) return s2_obj;
    			if(s==s4_obj) return s3_obj;
    			return null;
    		}
    		//获取当前选择框的下一个选择框
    		var getNextS=function(s){
    			if(s==s0_obj) return s1_obj;
    			if(s==s1_obj) return s2_obj;
    			if(s==s2_obj) return s3_obj;
    			if(s==s3_obj) return s4_obj;
    			return null;
    		}
    		//获取当前选择框的序号
    		var getSelectN=function(s){
    			if(s==s0_obj) return 0;
    			if(s==s1_obj) return 1;
    			if(s==s2_obj) return 2;
    			if(s==s3_obj) return 3;
    			return 4;
    		}
    		//根据当前选择框的值获取json数据的children
    		var getCityChildren=function(s){
    			var s0_id=s0_obj.get(0).selectedIndex;
    			var s1_id=s1_obj.get(0).selectedIndex;
    			var s2_id=s2_obj.get(0).selectedIndex;
    			var s3_id=s3_obj.get(0).selectedIndex;
    			var s4_id=s4_obj.get(0).selectedIndex;
    			if(!settings.required){
    				s0_id--;
    				s1_id--;
    				s2_id--;
    				s3_id--;
    				s4_id--;
    			};
    			if(s==s0_obj) return city_json.citylist[s0_id].children;
    			if(s==s1_obj) return city_json.citylist[s0_id].children[s1_id].children;
    			if(s==s2_obj) return city_json.citylist[s0_id].children[s1_id].children[s2_id].children;
    			if(s==s3_obj) return city_json.citylist[s0_id].children[s1_id].children[s2_id].children[s3_id].children;
    			return null;
    		}
    		//根据序号隐藏选择框
    		var hidSubSelect=function(n){
    			if(n<1){
    				s1_obj.empty().attr("disabled",false);
    				if(settings.nodata=="none"){
    					s1_obj.css("display","none");
    				}else if(settings.nodata=="hidden"){
    					s1_obj.css("visibility","hidden");
    				};
    			}
    			if(n<2){
    				s2_obj.empty().attr("disabled",false);
    				if(settings.nodata=="none"){
    					s2_obj.css("display","none");
    				}else if(settings.nodata=="hidden"){
    					s2_obj.css("visibility","hidden");
    				};
    			}
    			if(n<3){
    				s3_obj.empty().attr("disabled",false);
    				if(settings.nodata=="none"){
    					s3_obj.css("display","none");
    				}else if(settings.nodata=="hidden"){
    					s3_obj.css("visibility","hidden");
    				};
    			}
    			if(n<4){
    				s4_obj.empty().attr("disabled",false);
    				if(settings.nodata=="none"){
    					s4_obj.css("display","none");
    				}else if(settings.nodata=="hidden"){
    					s4_obj.css("visibility","hidden");
    				};
    			}
    		}
    
    		// 赋值地区(县)函数
    		var distStart=function(s){
    			
    			var current_id=s.selectedIndex;
    			if(!settings.required){
    				current_id--;
    			};
    			hidSubSelect(getSelectN(s));
    			if(current_id<0||typeof(getCityChildren(s))=="undefined"||getCityChildren(s)==null){
    				if(settings.nodata=="none"){
    					getNextS(s).css("display","none");
    				}else if(settings.nodata=="hidden"){
    					getNextS(s).css("visibility","hidden");
    				};
    				return;
    			};
    			
    			// 遍历
    			temp_html=select_prehtml;
    			$.each(getCityChildren(s),function(i,dist){
    				temp_html+="<option value='"+dist.node.id+"'>"+dist.node.name+"</option>";
    			});
    			getNextS(s).html(temp_html).attr("disabled",false).css({"display":"","visibility":""});
    		};
    
    		var init=function(){
    			// 遍历赋值省份下拉列表
    			temp_html=select_prehtml;
    			$.each(city_json.citylist,function(i,prov){
    				temp_html+="<option value='"+prov.node.id+"'>"+prov.node.name+"</option>";
    			});
    			s0_obj.html(temp_html);
    
    			// 若有传入省份与市级的值,则选中。(setTimeout为兼容IE6而设置)
    			setTimeout(function(){
    				if(settings.prov!=null){
    					prov_obj.val(settings.prov);
    					cityStart();
    					setTimeout(function(){
    						if(settings.city!=null){
    							city_obj.val(settings.city);
    							distStart();
    							setTimeout(function(){
    								if(settings.dist!=null){
    									dist_obj.val(settings.dist);
    								};
    							},1);
    						};
    					},1);
    				};
    			},1);
    
    			// 选择省份时发生事件
    			s0_obj.bind("change",function(){
    				distStart(s0_obj);
    			});
    			s1_obj.bind("change",function(){
    				distStart(s1_obj);
    			});
    			s2_obj.bind("change",function(){
    				distStart(s2_obj);
    			});
    			s3_obj.bind("change",function(){
    				distStart(s3_obj);
    			});
    			s4_obj.bind("change",function(){
    				distStart(s4_obj);
    			});
    		};
    
    		// 设置省市json数据
    		if(typeof(settings.url)=="string"){
    			$.getJSON(settings.url,function(json){
    				city_json=json;
    				init();
    			});
    		}else{
    			city_json=settings.url;
    			init();
    		};
    	};
    })(jQuery);


    把树的建立放到了前端js来建立

    后端直接输出List<TreeItem>对象,框架自动输出JSON数组,前端js递归建树的代码如下

    var districts;
            var arrayToTree=function(parentId) {
                var temp = [];
                for (var index in districts) {
                    if (districts[index].pId == parentId) {
                        var children=arrayToTree(districts[index].id);
                        temp.push({
                            node: districts[index],
                            children: children
                        });
                    }
                }
               return temp;
            };
            var buildTree= function (parentId) {
                var temp = {citylist:[]};
                for (var index in districts) {
                    if (districts[index].id == parentId) {
                        temp.citylist.push({
                            node: districts[index],
                            children: arrayToTree(districts[index].id)
                        });
                    }
                }
                return temp;
            };

    在得到数据的时候修改一下

    $.getJSON(settings.url, function (json) {
                        districts=json;
    					city_json = buildTree('000');//000是根节点的ID
    init();
    }

    jquery.cityselect.js最后的Javascript代码如下

    /*
    多级联动 刘放
    日期:2016-8-22
    
    settings 参数说明
    -----
    url:省市数据josn文件路径
    s0:默认省份
    s1:默认市
    s2:默认县
    s3:默认乡镇
    s4:默认村
    nodata:无数据状态  如果需要隐藏则填写none或者hidden
    required:必选项
    
    依赖于web-storage-cache.min.js
    ------------------------------ */
    (function($){
    	$.fn.citySelect=function(settings){
    		if(this.length<1){return;};
    		var wsCache = new WebStorageCache();
    		// 默认值
    		settings=$.extend({
    			url:null,
    			s1:null,
    			s2:null,
    			s3:null,
    			s4:null,
    			s0:null,
    			nodata:null,
    			required:true
    		},settings);
    
    		var box_obj=this;
    		var s0_obj=box_obj.find(".s0");
    		var s1_obj=box_obj.find(".s1");
    		var s2_obj=box_obj.find(".s2");
    		var s3_obj=box_obj.find(".s3");
    		var s4_obj=box_obj.find(".s4");
            var text_obj=box_obj.find("input[type=hidden]");
    
            var setTextObj=function(){
                if(text_obj.length>0) {
                    if(s4_obj.val()!=="") {
                        text_obj.val(
                        s0_obj.find("option:selected").text()+
                        s1_obj.find("option:selected").text()+
                        s2_obj.find("option:selected").text()+
                        s3_obj.find("option:selected").text()+
                        s4_obj.find("option:selected").text());
                    }else{
                        text_obj.val("");
                    }
                }
            };
    
            var prov_val=settings.prov;
    		
    		var select_prehtml=(settings.required) ? "" : "<option value=''>请选择</option>";
    		var city_json;
    
    		//获取当前选择框前面的选择框
    		var getPreS=function(s){
    			if(s==s1_obj) return s0_obj;
    			if(s==s2_obj) return s1_obj;
    			if(s==s3_obj) return s2_obj;
    			if(s==s4_obj) return s3_obj;
    			return null;
    		}
    		//获取当前选择框的下一个选择框
    		var getNextS=function(s){
    			if(s==s0_obj) return s1_obj;
    			if(s==s1_obj) return s2_obj;
    			if(s==s2_obj) return s3_obj;
    			if(s==s3_obj) return s4_obj;
    			return null;
    		}
    		//获取当前选择框的序号
    		var getSelectN=function(s){
    			if(s==s0_obj) return 0;
    			if(s==s1_obj) return 1;
    			if(s==s2_obj) return 2;
    			if(s==s3_obj) return 3;
    			return 4;
    		}
    		//根据当前选择框的值获取json数据的children
    		var getCityChildren=function(s){
    			var s0_id=s0_obj.get(0).selectedIndex;
    			var s1_id=s1_obj.get(0).selectedIndex;
    			var s2_id=s2_obj.get(0).selectedIndex;
    			var s3_id=s3_obj.get(0).selectedIndex;
    			var s4_id=s4_obj.get(0).selectedIndex;
    			if(!settings.required){
    				s0_id--;
    				s1_id--;
    				s2_id--;
    				s3_id--;
    				s4_id--;
    			};
    			if(s===s0_obj) return city_json.list[s0_id].children;
    			if(s===s1_obj) return city_json.list[s0_id].children[s1_id].children;
    			if(s===s2_obj) return city_json.list[s0_id].children[s1_id].children[s2_id].children;
    			if(s===s3_obj) return city_json.list[s0_id].children[s1_id].children[s2_id].children[s3_id].children;
    			return null;
    		}
    		//根据序号隐藏选择框
    		var hidSubSelect=function(n){
    			if(n<1){
    				s1_obj.empty().attr("disabled",false);
    				if(settings.nodata=="none"){
    					s1_obj.css("display","none");
    				}else if(settings.nodata=="hidden"){
    					s1_obj.css("visibility","hidden");
    				};
    			}
    			if(n<2){
    				s2_obj.empty().attr("disabled",false);
    				if(settings.nodata=="none"){
    					s2_obj.css("display","none");
    				}else if(settings.nodata=="hidden"){
    					s2_obj.css("visibility","hidden");
    				};
    			}
    			if(n<3){
    				s3_obj.empty().attr("disabled",false);
    				if(settings.nodata=="none"){
    					s3_obj.css("display","none");
    				}else if(settings.nodata=="hidden"){
    					s3_obj.css("visibility","hidden");
    				};
    			}
    			if(n<4){
    				s4_obj.empty().attr("disabled",false);
    				if(settings.nodata=="none"){
    					s4_obj.css("display","none");
    				}else if(settings.nodata=="hidden"){
    					s4_obj.css("visibility","hidden");
    				};
    			}
    		}
    
    		// 赋值地区(县)函数
    		var distStart=function(s){
    			if($(s).val()==="") return;
    			var current_id=s.selectedIndex;
    			if(!settings.required){
    				current_id--;
    			};
    			hidSubSelect(getSelectN(s));
    			if(current_id<0||typeof(getCityChildren(s))=="undefined"||getCityChildren(s)==null){
    				if(settings.nodata=="none"){
    					getNextS(s).css("display","none");
    				}else if(settings.nodata=="hidden"){
    					getNextS(s).css("visibility","hidden");
    				};
    				return;
    			};
    
                var next_obj=getNextS(s);//获取到下一个组件
                if(next_obj==null) return;
    			// 遍历
    			temp_html=select_prehtml;
    			$.each(getCityChildren(s),function(i,dist){
    				temp_html+="<option value='"+dist.node.id+"'>"+dist.node.name+"</option>";
    			});
                next_obj.html(temp_html).attr("disabled",false).css({"display":"","visibility":""});
                if($(s).val()!==""){
                    distStart(next_obj);
                }
    		};
    
    		var initCity=function(){
    			// 遍历赋值省份下拉列表
    			temp_html=select_prehtml;
    			$.each(city_json.list,function(i,prov){
    				temp_html+="<option value='"+prov.node.id+"'>"+prov.node.name+"</option>";
    			});
    			s0_obj.html(temp_html);
    			distStart(s0_obj);
    			// 若有传入省份与市级的值,则选中。(setTimeout为兼容IE6而设置)
    			setTimeout(function(){
    				if(settings.s0!==null&&settings.s0!==""){
    					s0_obj.val(settings.s0);
    					distStart(s0_obj);
    					setTimeout(function(){
    						if(settings.s1!=null){
    							if(s1_obj==null) return;
    							s1_obj.val(settings.s1);
    							distStart(s1_obj);
    							setTimeout(function(){
    								if(s2_obj==null) return;
    								if(settings.s2!=null){
    									s2_obj.val(settings.s2);
    									distStart(s2_obj);
    									setTimeout(function(){
    										if(s3_obj==null) return;
    										if(settings.s3!=null){
    											s3_obj.val(settings.s3);
    											distStart(s3_obj);
    											setTimeout(function(){
    												if(s4_obj==null) return;
    												if(settings.s4!=null){
    													s4_obj.val(settings.s4);
    												};
    											},1);
    										};
    									},1);
    								};
    							},1);
    						};
    					},1);
    				};
    			},1);
                setTimeout(function(){
                    // 选择省份时发生事件
                    s0_obj.bind("change",function(){
                        distStart(s0_obj);
                    });
                    s1_obj.bind("change",function(){
                        distStart(s1_obj);
                    });
                    s2_obj.bind("change",function(){
                        distStart(s2_obj);
                    });
                    s3_obj.bind("change",function(){
                        distStart(s3_obj);
                    });
                    s4_obj.bind("change",function(){
                        distStart(s4_obj);
                        setTextObj();
                    });
                },50);
    		};
    
            var districts;
            var arrayToTree=function(parentId) {
                var temp = [];
                for (var index in districts) {
                    if (districts[index].pId == parentId) {
                        var children=arrayToTree(districts[index].id);
                        temp.push({
                            node: districts[index],
                            children: children
                        });
                    }
                }
               return temp;
            };
            var buildTree= function (parentId) {
                var temp = {list:[]};
                for (var index in districts) {
                    if (districts[index].id == parentId) {
                        temp.list.push({
                            node: districts[index],
                            children: arrayToTree(districts[index].id)
                        });
                    }
                }
                return temp;
            };
    		// 设置省市json数据
    		if(typeof(settings.url)=="string"){
    			city_json=wsCache.get("allCity");
    			if(city_json!==undefined&&city_json!==null){
    				initCity();
    			}
    			else {
    				$.getJSON(settings.url, function (json) {
                        districts=json;
    					city_json = buildTree('320000000000');//前端建好树
    					wsCache.set('allCity', city_json, {exp : 60*12});//缓存12*60s
    					initCity();
    				});
    			}
    		}else{
    			city_json=settings.url;
    			initCity();
    		};
    	};
    })(jQuery);



    展开全文
  • asp.net core html 选择框checked选中

    千次阅读 2018-04-21 23:05:06
    //C#代码 public class item { public bool checked {get;set;} = false; } 使用asp.net core Razor视图语法 asp-for语法 asp.net core将会自动生成选择框的选中效果
  • 最近做了个新项目,vue单页应用,组件巨多。每新建一个 .vue 文件,就要来一套 template、script、style,虽然...有的人可能已经发现,当我们在html文件中输入“html”,会出现悬浮的代码提示,我们选中想要的项目回...
  • 选择框

    2019-10-24 20:27:28
    常见的选择框包括: radio框、checkbox框、select框 radio框 radio框选择选项,直接用WebElement的click方法,模拟用户点击就可以了。 比如, 我们要在下面的html中: 先打印当前选中的老师名字 再选择 小雷老师...
  • html日期选择框

    万次阅读 2017-09-27 23:02:20
    <!DOCTYPE html> <html> <title></title> ​ 日期: </form>
  • html5 多种日期选择框

    2015-12-10 20:52:35
    多种日期选择框,模拟手机app日期选择框的多种效果
  • 选择框批量选择

    2019-10-08 23:07:32
    当下面的选择框全选上时,上面的选择框也选上,下面的选择框没有全选上时,上面的取消选择。 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></...
  • countrypicker.js是一款jquery选择国家下拉列表插件。countrypicker.js带有搜索功能和显示国旗功能。通过简单的设置,既可以生成带既定国家的...HTML结构使用一个元素来作为该国家选择下拉列表HTML结构即可。...
  • 有时候用户需要对当前页面的要素进行选择,显示 https://baike.baidu.com/item/css%E9%80%89%E6%8B%A9%E5%99%A8/2819686?fr=aladdin http://www.ruanyifeng.com/blog/2009/03/css_selectors.html css实现漂亮的...
  • Notes: select选择框

    2016-11-03 14:03:00
    HTML选择框通过select标签创建,该元素是HTMLSelectElement的实例,拥有以下属性和方法: selectedIndex:选中项的索引 options:选择框的所有选项 add:向选择框添加一个option元素 remove:从选择框移除一个...
  • Html 选择时间

    2020-05-26 08:24:38
    1\ <input type="datetime-local" id="JBStartTime" /> <script type="text/javascript"> $(function () { $("#JBStartTime").val("2020-05-24T00:00:00"); ...这里的type实际上是可以为“date”、...
  • HTML --JS 选择框

    2019-10-05 05:58:51
    1 <html> 2 <head> 3 <title>选择框</title> 4 <script language="JavaScript"> 5 6 function change(rurl){ 7 ...
  • js 特效 html 特效 控制选择框个数 js 特效 html 特效 控制选择框个数
  • js 特效 html 特效 检测选择框个数 js 特效 html 特效 检测选择框个数
  • ![图片说明](https://img-ask.csdn.net/upload/201708/24/1503559263_540258.jpg)html中有多个选择框,任意选择其中一个,则其他选择框里面的值相对应的改变
  • 1、属性选择器说明选取标签带有某些特殊属性的选择器常用E[attr] 选择选择具有attr属性的E元素<style> button{ color: red; } button[disabled]{ color: #cccccc; } </style> <button>...
  • 遇到这样一个需求,页面上的输入框以及选择框的数据均由后台数据传入,不允许前台进行操作,于是有了这个需求:输入框禁止输入,以及选择框的禁止选择:主要是用文本框的readonly属性以及选择框的disabled属性代码...
  • 1 效果演示地址: https://www.albertyy.com/2020/7/check2.html 另一篇文章:CSDN-专业IT技术社区-登录2 知识点2.1 <label>标签在html中,<label>标签通常和<input>标签一起使用,<label>...
  • 每次使用前端框架,动态生成选择框都会被卡。今天说说easyUI动态生成选择框 html: <select class="easyui-combobox" id="jobLevel" name="jobLevel" style="width:42%;height:26px;" data-options=...
  • 月份年份同理 b)“点击日期选择框”部分 拖入“点击”组件,指定日期输入框元素(点击日期选项框元素打开日期选项框): c)“选择年份”部分 拖入“点击”组件,指定年份title元素(点击年份title打开年份选项框): 拖...
  • js 特效 html 特效 中左右选择 js 特效 html 特效 中左右选择
  • 表单选择框

    2016-11-13 21:33:00
    实现要求:1、点击全选框,将所有的选择框选中 2、点击全不选框,将所有选中的选中框全部清除选中,处于没有选中的状态。 3、点击反选,将已经选中的框变为没有选中,将没有选中的框,变为选中。 要点: :checkbox ...
  • jQuery选择框选择方法

    2018-12-05 15:01:01
    #jQuery选择框选择简单移动方法 &lt;html&gt; &lt;head&gt; &lt;link href="&lt;%=request.getContextPath()%&gt;/css/css.css" rel="stylesheet"&gt; &...
  • HTML--使用单选、复选,让用户选择,自己实际应用的总结
  • 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>获取选择框信息</title> 6 <script langu...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,136
精华内容 4,454
关键字:

html选择框