JQuery 非同期読み込み無限ドロップダウン ボックス カスケード関数の実装 example_jquery

コードをコピーします コードは次のとおりです:

/* <br>JQuery は無限ドロップダウン ボックス カスケード関数 <br>zjy <br>*/ <br>(function ($) { <br> $.ajaxSetup( { async: false }); <br>var url = ""; <br>$.fn.extend({ <br>Load: function (urlPath) 🎜>url = urlPath.url; <br>parameter = urlPath.parameter; <br>$("#ddl1").append("<option value="0" selected>選択してください option>" ); <br>$.getJSON(url, パラメータ, function (data) { <br>$.each(data.rows, function (i, row) { <br>$("#ddl1"). append($ ("</option><option>").val(row.id).html(row.text)) <br>}); (関数 ( ) { $(this).Select($(this).val(), this); }); <br>$(this).Selected(parameter.parentId, $(" #ddl1" )); <br>}, <br><br>Select: function (parentId, obj) { <br>//debugger; <br>if (parentId == "0") { <br>return ; <br>} <br>parameter.parentId =parentId; <br>$.getJSON(url, パラメータ, 関数 (データ) { <br>$(obj).nextAll(".ddl").remove(); <br> if (data != null) { <br>$("<select>", { <br>"class": "ddl", <br>change: function () { <br>$(this ).Select ($(this).val(), this); <br>} <br>}).appendTo($("#cascade")); ")[ $(".ddl").length - 1]).append("<option value="0" selected>選択してください</option>"); <br>$.each (data .rows, function (i, row) { <br>$($(".ddl")[$(".ddl").length - 1]).append($("<option>}); <br>} <br>}); <br>$(this).Selected(parentId, $ (obj ).nextAll(".ddl")); <br>}, <br><br>選択済み: function (parentId, obj) { <br>$(this).GetValue();デバッガー; <br>var selected = "0," $("#loadselect").val(); <br>$.each(selected.split(","), function (i, row) { <br> if ( row ==parentId) { <br>//デバッガー; <br>$(obj).val(selected.split(",")[i 1]); ; <br>} <br>}); <br>}, <br><br>GetValue: function () { <br>var ddlValue; <br>var ddlCount = $(".ddl"); <br>for (var i = ddlCount - 1; i >= 0; i--) { <br>if (i != 0) { <br>if ($($(".ddl")[i ]) .val() != 0) { <br>ddlValue = $($(".ddl")[i]).val(); <br>ブレーク <br>} <br>} else { <br> if ($($(".ddl")[i]).val() == 0) { <br>ddlValue = 0; <br>} else { <br>ddlValue = $ ($ (".ddl")[i]).val(); <br>break; <br>} <br>} <br>$("#selectvalue").val(ddlValue); <br>}, <br>}); <br>})(jQuery); <br>
</option></select>
</option>

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

メソッドの呼び出し

 &lt ; スクリプトタイプ="text/javascript"> <br>$(function () { <br>$("#cascade").Load({ url: '@Url.Action("Get CountryArea")', パラメータ: { "parentId": 0, "random": Math.random() } }); <br>

code_snippet_id= "193059"snippet_file_name="blog_20140218_5_843717" name="code" class="html">

hidden= "hidden" />


<pre class="brush:php;toolbar:false"><pre class="brush:php;toolbar:false">
<pre class="brush:php;toolbar:false">
<pre class="brush:php;toolbar:false"> 🎜>