韦德国际1946英国 > 计算机网络 > JQuery异步加载无限下拉框级联功能实现示例,加

原标题:JQuery异步加载无限下拉框级联功能实现示例,加

浏览次数:60 时间:2019-09-11

<form id="fm" method="post" novalidate>
<div style="height:26px" class="fitem">
<label>区域:</label>
<input class="easyui-combobox"
id="areaId"
name="areaId"
url="getAreasList" //能够从后台获得数码
valueField="id"
textField="name"
panelHeight="auto"
/>
</div>
<div style="height:26px" class="fitem">
<label>名称:</label>
<input id="devName" name="name" class="easyui-validatebox" missingMessage="差别意空" required="true" />
</div>

复制代码 代码如下:

复制代码 代码如下:

Select: function (parentId, obj) {
//debugger;
if (parentId == "0") {
return;
}
parameter.parentId = parentId;
$.getJSON(url, parameter, function (data) {
$(obj).nextAll(".ddl").remove();
if (data != null) {
$("<select>", {
"class": "ddl",
change: function () {
$(this).Select($(this).val(), this);
www.cabet228.com ,}
}).appendTo($("#cascade"));

背后的简易

Selected: function (parentId, obj) {
$(this).GetValue();
//debugger;
var selected = "0," $("#loadselect").val();
$.each(selected.split(","), function (i, row) {
if (row == parentId) {
//debugger;
$(obj).val(selected.split(",")[i 1]);
$(obj).change();
}
});
},

<pre code_snippet_id="229232" snippet_file_name="blog_20140311_1_960217" name="code" class="html"><pre code_snippet_id="229232" snippet_file_name="blog_20140311_1_960217" name="code" class="html">var row = $('#dg').datagrid('getSelected');
</pre>
<pre></pre>
<pre code_snippet_id="229232" snippet_file_name="blog_20140311_2_8342494" name="code" class="html">$('#fm').form('load',row);
fm:form标签的id
row:获得的一条数据贰个对象,easyui中当选一条数据
form中数据接受用<input name="row对应的性质名"/>
</pre><br>
<pre></pre>
<br>
<br>
</pre>

</pre>

本文由韦德国际1946英国发布于计算机网络,转载请注明出处:JQuery异步加载无限下拉框级联功能实现示例,加

关键词: 韦德1946国际

上一篇:韦德国际1946英国:使用js获取地址栏参数的方法

下一篇:没有了