Shulou(Shulou.com)06/03 Report--

This article mainly introduces ajax.net + jquery how to achieve non-refresh three-level linkage, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

The code is as follows:

$(function () {)

$.ajax ({

Type: "post"

ContentType: "application/json"

Url: "WebService1.asmx/loadprovince"

Data: "{}"

Success: function (result) {

Var ping

For (var I = 0; I < result.d.length; iTunes +) {

Ping + = ""

Ping + = result.d [I] .provincename

Ping + = ""

}

$('# Select1') .append (ping)

}

})

$('# Select1') .change (function () {

/ / remember to clear the contents of cities and counties in the second election.

$('# Select2 option:gt (0)'). Remove ()

$('# Select3 option:gt (0)'). Remove ()

/ / bind the next down list in the provincial change event (to lose the provincial id)

$.ajax ({

Type: "post"

ContentType: "application/json"

Url: "WebService1.asmx/loadcity"

Data: "{fatherid:'" + $('# Select1 option:selected') .val () + "'}"

Success: function (result) {

Var str2

For (var I = 0; I < result.d.length; iTunes +) {

Str2 + = ""

Str2 + = result.d [I] .cityname

Str2 + = ""

}

$('# Select2') .append (str2)

}

})

})

$('# Select2') .change (function () {

$('# Select3 option:gt (0)'). Remove ()

$.ajax ({

Type: "post"

ContentType: "application/json"

Url: "WebService1.asmx/loadarea"

Data: "{fatherid:'" + $('# Select2 option:selected') .val () + "'}"

Success: function (result) {

Var str3

For (var I = 0; I < result.d.length; iTunes +) {

Str3 + = ""

Str3 + = result.d [I] .areaname

Str3 + = result.d [I] .resume

}

$('# Select3') .append (str3)

}

})

})

})

Province:

Please select--

City:

Please select--

County:

Please select--

Webservice:

The copy code is as follows:

[WebMethod] / / loading province

Public List loadprovince () / / Why do you use list because it is impossible to use the previous value here? one instance is multiple model instances, and one instance is a record to prevent field errors.

{

BLL.province bp = new BLL.province ()

List list=bp.getlistModel ()

Return list

}

[WebMethod] / / loading city

Public List loadcity (string fatherid)

{

BLL.city bc = new BLL.city ()

List list = bc.getlistmodel (fatherid)

Return list

}

[WebMethod] / / loading county

Public List loadarea (string fatherid)

{

BLL.area ba = new BLL.area ()

List list = ba.getlistmodel (fatherid)

Return list

}

}

}

DAL--area

The copy code is as follows:

Public System.Collections.Generic.List getlistmodel (string fatherid)

{

System.Collections.Generic.List list = new System.Collections.Generic.List ()

DataTable dt = GetList ("father=" + fatherid + "") .Tables [0]

Foreach (DataRow row in dt.Rows)

{

Model.area ma = new Model.area ()

Ma.areaID = row ["areaID"] .ToString ()

Ma.areaname = row ["areaname"] .ToString ()

Ma.father = row ["father"] .ToString ()

List.Add (ma)

}

Return list

}

Dal--city

The copy code is as follows:

Public System.Collections.Generic.List getlistmodel (string fatherid)

{

System.Collections.Generic.List list = new System.Collections.Generic.List ()

DataTable dt = GetList ("father=" + fatherid + "") .Tables [0]

Foreach (DataRow row in dt.Rows)

{

Model.area ma = new Model.area ()

Ma.areaID = row ["areaID"] .ToString ()

Ma.areaname = row ["areaname"] .ToString ()

Ma.father = row ["father"] .ToString ()

List.Add (ma)

}

Return list

}

}

DAL-provience

The copy code is as follows:

Public System.Collections.Generic.List getlistModel ()

{

/ / the content to be checked is returned as an example

/ / what we need to do here is to create the list and fill the list with the model instance, while the model uses a method to lose the data and add it to the model

/ / build a list instance

System.Collections.Generic.List list = new System.Collections.Generic.List ()

/ / if you already have a method to lose data, you don't have to write it yourself. You can get the data by calling Getlist method to manipulate the database.

DataTable dt = GetList ("") .Tables [0]

/ / after getting the data, you need to add the data to the model instance.

Foreach (DataRow row in dt.Rows)

{

/ / each line is an instance, so put model's in the loop

Model.province mp = new Model.province ()

Mp.provinceID = row ["provinceID"] .ToString ()

Mp.provincename = row ["provincename"] .ToString ()

List.Add (mp); / / add an instance to the list before it is added

}

Return list

}

Thank you for reading this article carefully. I hope the article "ajax.net + jquery how to achieve non-refreshing three-level linkage" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.