??
一个下拉列表的值改变,刷新另一个下拉列表的值
<script type="text/javascript"> $(document).ready(function () { $(".selectChange").change(function () { $.ajax({ type: "POST", url: "AJAXGetLineFromFactory",//后台函数,调用函数成功否在于地址对不对。可以试试加控制器url: "Home/AJAXGetLineFromFactory",或者url: "../Home/AJAXGetLineFromFactory" data: { factory: $(this).children("option:selected").val() }, dataType: "json", success: function (data) { $(".valueChange").empty(); if (data.length != 0) { $.each(data,function (i,item) { $("<option></option>") .val(item) .text(item.replace(item.substring(0,item.length -1),"Line ")) .appendTo($(".valueChange")); }); } } }); }); }); </script>
页面标签如下:
<select name="factory" class="selectChange"> @foreach (var factorytemp in @ViewBag.allFactory) //ViewBag.allFactory是从后台传到前台的值集合 { if (@ViewBag.factory == @factorytemp) { <option value=@factorytemp selected="selected">@factorytemp</option> } else { <option @factorytemp value=@factorytemp>@factorytemp</option> } } </select>
<select name="line" class="valueChange"> @foreach (var linetemp in @ViewBag.allLineList) { if (@ViewBag.line == @linetemp) { <option value=@linetemp selected="selected">@linetemp</option> } else { <option @linetemp value=@linetemp>@linetemp</option> } } </select> (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|