JQuery异步加载Infiniti下拉框级联成效完毕示例,把

2019-09-11 23:21 来源:未知

譬喻,给八个特定的假名逐条,"a","o","e","u","y","i",请把'aiye','oeu','ayo','eoyiu','yuo','you','iao'那7个字符串依照给定的字母顺序排序。

JQuery异步加载Infiniti下拉框级联作用完毕示例

 那篇文章首要介绍了JQuery异步加载无限下拉框级联效能的兑现,须要的爱人能够参照下

代码如下:

<pre code_snippet_id="193059" snippet_file_name="blog_20140218_1_1038704" name="code" class="javascript">/* 

JQuery异步加载Infiniti极下拉框级联作用 

zjy 

*/ 

(function ($) { 

$.ajaxSetup({ async: false }); 

var url = ""; 

var parameter = ""; 

$.fn.extend({ 

990888藏宝阁,Load: function (urlPath) { 

url = urlPath.url; 

parameter = urlPath.parameter; 

$("#ddl1").append("<option value='0'selected='selected'>请选择</option>"); 

$.getJSON(url, parameter, function (data) { 

$.each(data.rows, function (i, row) { 

$("#ddl1").append($("<option></option>").val(row.id).html(row.text)); 

}); 

$("#ddl1").change(function () { $(this).Select($(this).val(), this); }); 

}); 

$(this).Selected(parameter.parentId, $("#ddl1")); 

}, 

 

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); 

}).appendTo($("#cascade")); 

 

$($(".ddl")[$(".ddl").length - 1]).append("<option value='0' selected='selected'>请选择</option>"); 

$.each(data.rows, function (i, row) { 

$($(".ddl")[$(".ddl").length - 1]).append($("<option></option>").val(row.id).html(row.text)); 

}); 

}); 

$(this).Selected(parentId, $(obj).nextAll(".ddl")); 

}, 

 

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(); 

}); 

}, 

 

GetValue: function () { 

var ddlValue; 

var ddlCount = $(".ddl").length; 

for (var i = ddlCount - 1; i >= 0; i--) { 

if (i != 0) { 

if ($($(".ddl")[i]).val() != 0) { 

ddlValue = $($(".ddl")[i]).val(); 

break; 

} else { 

if ($($(".ddl")[i]).val() == 0) { 

ddlValue = 0; 

break; 

} else { 

ddlValue = $($(".ddl")[i]).val(); 

break; 

$("#selectvalue").val(ddlValue); 

}, 

}); 

})(jQuery); 

</pre><pre code_snippet_id="193059" snippet_file_name="blog_20140218_1_1038704" name="code" class="javascript"></pre><pre code_snippet_id="193059" snippet_file_name="blog_20140218_1_1038704" name="code" class="javascript"></pre><pre code_snippet_id="193059" snippet_file_name="blog_20140218_2_4146793" name="code" class="javascript"></pre><pre code_snippet_id="193059" snippet_file_name="blog_20140218_3_3034761" name="code" class="javascript">调用方法</pre><pre code_snippet_id="193059" snippet_file_name="blog_20140218_4_4987391" name="code" class="javascript"><pre code_snippet_id="193059" snippet_file_name="blog_20140218_4_4987391" name="code" class="javascript"><script type="text/javascript"> 

$(function () { 

$("#cascade").Load({ url: '@Url.Action("GetCountryArea")', parameter: { "parentId": 0, "random": Math.random() } }); 

}); 

</script></pre><br> 

<pre code_snippet_id="193059" snippet_file_name="blog_20140218_5_843717" name="code" class="html"><div id="cascade"> 

<select id="ddl1" class="ddl"></select> 

</div> 

<input id="loadselect" hidden="hidden" value="1,2"/> 

<input id="selectvalue" hidden="hidden" /></pre><br> 

<br> 

<pre></pre> 

<pre></pre> 

<pre></pre> 

<pre></pre> 

<pre></pre> 

<pre></pre> 

 

</pre> 

 

那篇小说重要介绍了JQuery异步加载Infiniti下拉框级联成效的完毕,必要的对象能够参照下 代码如下...

自家的笔触是把那多少个给定的6个字母分别等效成0-5的数字,然后把那7个字符串中的字母替换来0-5中的数字,再用sort方法进行排序,代码如下:

复制代码 代码如下:

var word = ['aiye','oeu','ayo','eoyiu','yuo','you','iao'];
var obj = {a:0,o:1,e:2,u:3,y:4,i:5};
var obj1 = {0:'a',1:'o',2:'e',3:'u',4:'y',5:'i'};
for(var index in word){
var word1 = word[index];
var word3 = "";
for(var i = 0; i< word1.length; i ++ ){
word3 += obj[word1[i]];
};
word[index] = word3
}
word.sort();
for(var index in word){
var word1 = word[index];
var word3 = "";
for(var i = 0; i< word1.length; i ++ ){
word3 += obj1[word1[i]];
};
word[index] = word3
}
console.log(word);

复制代码 代码如下:

<pre code_snippet_id="173179" snippet_file_name="blog_20140127_1_4210131"></pre><pre code_snippet_id="173179" snippet_file_name="blog_20140127_1_4210131" name="code" class="html"><span class="source-code" style="font-family:Consolas,'Lucida Console',monospace; white-space:pre-wrap"><span style="font-family:Consolas,'Lucida Console',monospace; white-space:pre-wrap"></span></span><pre code_snippet_id="173179" snippet_file_name="blog_20140127_1_4210131"></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>

</pre>

您或者感兴趣的小说:

  • javascript select列表内容按字母倒序排序与按列表倒序排列
  • jquery tablesorter.js 援救中文表格排序立异
  • js对数组中的数字从小到大排序完毕代码
  • Extjs Gird 扶助中文拼音排序达成代码
  • JSON 数字排序多字段排序介绍
  • JS中央银行使sort结合localeCompare达成中文排序实例
  • javascript对中文根据拼音排序代码
  • 基于JS完结数字+字母+汉语的交集排序方法
TAG标签:
版权声明:本文由990888藏宝阁发布于关于计算机,转载请注明出处:JQuery异步加载Infiniti下拉框级联成效完毕示例,把