form:select 的二级联动

绝地灬酷狼 2022-12-03 12:54 160阅读 0赞

<div class="control-group">
                <label class="control-label">类型:</label>
                <div class="controls">
                    <form:select id="type" name="type" path="type" class="input-xlarge" onchange="findtemplate(this.options[this.options.selectedIndex].value);" style="width:180px;">
                        <form:options items="${fns:getDictList('upl_type')}" itemLabel="label" itemValue="value" htmlEscape="false" />
                    </form:select>
                </div>
            </div>

其中最主要的是οnchange="findtemplate(this.options\[this.options.selectedIndex\].value);"  拿到选择第一个的值；

<div class="control-group">
                <label class="control-label">选择模板:</label>
                <div class="controls">
                    <form:select id="template" name="template" path="type" class="input-xlarge" style="width:180px;">
                        <form:options id="wordTemplate" items="${fns:getDictList('upc_word')}"
                            itemLabel="label" itemValue="value" htmlEscape="false" />
                    </form:select>
                </div>
            </div>

function findtemplate(v) {
    		$.ajax({
    			type : "post",
    			async : false,
    			url : "getPostTemplateJson",
    			data : {
    				'type' : v
    			},
    			dataType : "json",
    			success : function(msg) {
    				$("#template").empty();
    				if (msg.length > 0) {
    					for (var i = 0; i < msg.length; i++) {
    							var partId = msg[i].value;
    							var partName = msg[i].label;
    							var $option = $("<option>").attr({
    								"value" : partId
    							}).text(partName);
    							$("#template").append($option);
    					}
    					$("#template").change();
     
    				}
    			},
    			error : function(json) {
    				$.jBox.alert("网络异常！");
    			}
    		});
    	}

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript——二级联动

建select标签 <select onchange="city()" id="choose"> <option value="-1">--请选择省份--

迈不过友情╰/ 2024年04月06日 14:12/ 0 赞/ 60 阅读

相关 form:select 的二级联动

<div class="control-group"> <label class="control-label">类型:</label>

绝地灬酷狼/ 2022年12月03日 12:54/ 0 赞/ 161 阅读

相关 MYSQL二级联动

表数据 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

╰+哭是因爲堅強的太久メ/ 2022年11月25日 15:29/ 0 赞/ 128 阅读

相关二级联动菜单--常见的城市二级联动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>

蔚落/ 2022年09月17日 07:28/ 0 赞/ 214 阅读

相关 Jeecg二级联动

function initAdd()\{ aircodeAdd = $('\aircodeAdd').combobox(\{

分手后的思念是犯贱/ 2022年08月07日 13:44/ 0 赞/ 212 阅读

相关二级联动

以省份和城市为例 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

电玩女神/ 2022年07月27日 14:42/ 0 赞/ 223 阅读

相关 JavaScript二级联动

代码演示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

清疚/ 2022年05月29日 14:15/ 0 赞/ 220 阅读

相关二级联动代码

经常会用的多级联动的需求，今天总结一下，大多数是用在填写用户地址的时候，具体代码如下：引入jQuery文件，直接拷到html文件中就可以运行了； <!DOCTYPE ht

男娘i/ 2022年05月23日 11:18/ 0 赞/ 197 阅读

相关原生ajax做的省市联动，二级联动

示意图： ![20181220205946551.png][] html代码： <!DOCTYPE html> <html> <head>

比眉伴天荒/ 2022年04月03日 06:48/ 0 赞/ 339 阅读

相关二级联动

<select id="depositorytype" name="depositorytype" οnchange="ld();" class="zj-way">

刺骨的言语ヽ痛彻心扉/ 2022年04月02日 15:24/ 0 赞/ 240 阅读