源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

使用jQuery实现dropdownlist的联动效果(sharepoint 2007)

  • 时间:2020-05-26 00:02 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
使用场景,比如,选中某个省份,然后下级列表中会显示对应的城市。 1.使用Jquery-1.4.2.js和jquery.SPServices-0.5.7.js。 2.创建主表和子表,建立对应关系。 3.在List的NewItem或者EditItem page中添加Content Editor Webpart,然后在其中添加脚本代码。 4.实现, dropdownObj控件: [img]http://files.jb51.net/upload/201103/20110330234202279.jpg[/img] cascadeDropdownObj控件(该控件是通过脚本附加的): [img]http://files.jb51.net/upload/201103/20110330234202738.jpg[/img] 该方法是通过传入参数,来返回对于字表的记录
[u]复制代码[/u] 代码如下:
function GetSubDropdown(parameterVal){ cascadeDropdownObj.empty();//对下级列表进行清空初始 cascadeDropdownObj.append("<option selected='selected'>(None)</option>");//添加一个(None)值 var camlQuery = "<Query xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \ <Where> \ <Eq> \ <FieldRef Name='Title' /> \ <Value Type='Text'>"+parameterVal+"</Value> \ </Eq> \ </Where> \ </Query>"; $().SPServices({ operation: "GetListItems", async: false, listName: "CascadeSub", CAMLQuery: camlQuery, completefunc: function (xData, Status) { $(xData.responseXML).find("[nodeName=z:row]").each(function() { var subDropdownVal = $(this).attr("ows_SubDropdownVal");//获取字表对应的值 //binding subDropdown cascadeDropdownObj.append("<option>"+subDropdownVal+"</option>"); }); } }); } //cascading 'Dropdown' dropdownObj.change(function(){ var dropdownSelectTextObj = $("select[title$='Dropdown'] option:selected");//获取当前选中值 switch(dropdownSelectTextObj.text()){ case "L1": GetSubDropdown("L1"); break; case "L2": GetSubDropdown("L2"); break; case "PL1": GetSubDropdown("PL1"); break; default: //表示选中(None)值之后,对下级列表进行清空初始 cascadeDropdownObj.empty(); cascadeDropdownObj.append("<option selected='selected'>(None)</option>"); break; } });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部