zoukankan      html  css  js  c++  java
  • formSelects

    	formSelects-v4.js 基于Layui的多选解决方案
    	在线 :https://hnzzmsf.github.io/layui-formSelects/docs/index.html
    	API : https://hnzzmsf.github.io/example/example_v4.html
    	***** 请先查看API方法 *****
    

    上代码

    	<form id="form" action="${base}/show.action" method="post">
    		<div class="formselect">
    			<div style="float: right;">
    				<a href="javascript:void(0)" class="layui-btn layui-btn-normal" onclick="doSearch()">
    					搜索
    				</a>
    			</div>
    			<div style=" 55%;">
    				<div <#-- -->style="margin-bottom: 20px;">
    					<select name="city" xm-select="selectId" xm-select-skin="default">
    						<#list data.ds2 as record>
    							<option value="${record.FIELD}" <#if '${record.FIELD}'=='${args.FIELD}'>selected="selected"</#if>>${record.FIELD_NAME}</option>
    						</#list>
    					</select>
    				</div>
    				<div style="margin-bottom: 15px;">
    					<input type="text" name="title" id="title" placeholder="请输入标题" autocomplete="off" class="layui-input h_search"
    					 value="${args.title}">
    				</div>
    			</div>
    		</div>
    	</form>
    
    <link href="${base}/util/dist/formSelects-v4.css" rel="stylesheet" />
    <script type="text/javascript" src="${base}/util/dist/formSelects-v4.min.js"></script>
    <script type="text/javascript">
    	$(document).ready(function (){
    		var str = '${args.selectarry}';
    		var strarr = str.split(",")
    		formSelects.value('selectId',strarr);
    	});
    	//初始化搜索
    	formSelects.render('selectId');
    	function doSearch(){
    		var packJson = formSelects.value('selectId')
    		var valarry = formSelects.value('selectId', 'val')
    		var title = $("#title").val();
    		var str = '<div id="clearfix_input">';
    		str += '<input type="hidden" id="selectarry" name="selectarry" value="'+valarry+'">';
    		str += '</div>'
    		$(".clearfix").after(str);
    		$.ajax({
    			type : 'POST',
    	        url : get_web_url()+"/edit_doSearch.action?code=column_list",
    	        data : {"json":JSON.stringify(packJson),"value":title},
    	        success:function(){
    	        	$("#form").submit();
    	        }
    	    })
    	}
    </script>
    
  • 相关阅读:
    weblogic内存快速配置
    weblogic优化参数
    weblogic10.3.6忘记用户名或者密码的解决方法
    Linux shell 环境变量及有效范围
    linux文本处理常用命令
    Scala实践7
    Scala实践5
    Scala实践4
    Scala实践3
    Scala实践2
  • 原文地址:https://www.cnblogs.com/yu-du-chen/p/12109015.html
Copyright © 2011-2022 走看看