AJAX和select，绑定值，动态加载select的Item值，设置所选的值（全都是客户端控件）

浏览数：48 / 时间：2015年06月09日

1 //根据年级获取班级
2
3 function btnGetBJ(njm,bh) {
4 $.ajax({
5 cache: false,
6 type: "GET",
7 url: ‘TPJG.ashx?HandlerType=getbj&njm=‘ + njm + ‘&xqh=‘ + $(‘#seletXQ
8
9 option:selected‘).val(),
10 dataType: ‘json‘,
11 success: function (json) {
12 //AJAX加载select
13 if (json != "" || json != null || json != undefined) {
14 document.getElementById("seletBJ").innerHTML = "";
15 document.getElementById(‘seletBJ‘).add(new Option("---", ""));
16 for (var i = 0; i < json.length; i++) {
17 document.getElementById(‘seletBJ‘).add(new Option(json[i].texts, json
18
19 [i].values));
20 }
21 //设置选中项
22 if (bh != "") {
23 var all_options = document.getElementById("seletBJ").options;
24 for (var j = 0; j < all_options.length; j++) {
25 if (all_options[j].value == bh) {
26 all_options[j].selected = true;
27 }
28 }
29 }
30 }
31 }
32 });
33 }
34 //页面初始化时，加载select的选择项
35 $(function () {
36 btnGetBJ(‘<%= njm %>‘, ‘<%= bh %>‘);
37 })
38
39
40
41
42
43 //后台绑定select，设置选择项
44
45 <option value="">---</option>
46 <% foreach (var dic in xqList)
47 { %><option value="<%= dic.XQH %>" <%= Request.QueryString["seletXQ"] ==
48
49 dic.XQH ?"selected":""%>>
50 <%= dic.XQMC%></option>
51 <% } %>
52 </select>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。