먼저 HTML을 살펴보고 두 개의 DropDownList를 넣어 보겠습니다. 코드를 복사합니다. 코드는 다음과 같습니다. <br>#ddlEmployeeCars <br>{ <br>display:none <br>top:50px; 🎜>왼쪽:9px; <br>} <br> 그런 다음 핵심 스크립트를 작성합니다. 코드 복사 코드는 다음과 같습니다. <div class="codebody" id="code69615">$(function() { <br>var $ddl = $(" select[name$=ddlEmployee]"); <br>var $ddlCars = $("select[name$=ddlEmployeeCars]") <br>$ddl.focus(); 🎜>$ddl.bind("change keyup", function() { <br>if ($(this).val() != "0") { <br>loadEmployeeCars($("선택 옵션:선택") .val()); <br> $ddlCars.fadeIn("느림"); <br>} else { <br>$ddlCars.fadeOut("느림") <br>} <br>}); <br><br>function loadEmployeeCars(selectedItem) { <br>$.ajax({ <br>type: "POST", <br>url: "Default.aspx/FetchEmployeeCars", <br>data : "{id: " selectedItem "} ", <br>contentType: "application/json; charset=utf-8", <br>dataType: "json", <br>async: true, <br>success: 함수 성공(데이터) { <br>printEmployeeCars(data.d); <br>} <br>}) <br>} <br><br>function printEmployeeCars(data) { <br>$("select[name $=ddlEmployeeCars] > option") .remove(); <br>for (var i = 0; i < data.length; i ) { <br>$("select[name$=ddlEmployeeCars]"). 추가( <br>$("< ;option></option>").val(data[i].Id).html(data[i].Car) <br>} <br>} <br></script> ; <BR><BR> <BR>아주 간단합니다. 값이 0인지 확인한 다음 ajax를 통해 값을 서버에 전달합니다. 원래 옵션을 제거하고 추가합니다. 새로운 옵션 <BR>웹페이지 코드 보기: <BR><BR></div><BR><BR>코드 복사<BR><div class="codetitle"><span> 코드는 다음과 같습니다.<a style="CURSOR: pointer" data="47589" class="copybut" id="copybut47589" onclick="doCopy('code47589')"><U> </U>공용 부분 클래스 _Default: System.Web.UI.Page </a>{ </span>[WebMethod] </div>public static List<EmployeeCar> FetchEmployeeCars(int id) <div class="codebody" id="code47589">{ <br>var emp = new EmployeeCar(); <br>return emp.FetchEmployeeCars(id); <br>} <br><br>protected void Page_Load(object sender, EventArgs e) <br>{ <br>if (!IsPostBack) <br>{ <br>var 직원 = 새 직원(); <br>ddlEmployee.DataSource = 직원.FetchEmployees(); <br>ddlEmployee.DataTextField = "성" <br>ddlEmployee.DataValueField; >ddlEmployee.DataBind(); <br>} <br>} <br> } <br><br> <br>데이터 소스 클래스: <br><br><br><br> </div>코드 복사<br><br><div class="codetitle"> 코드는 다음과 같습니다.<span><div class="codebody" id="code87110"> <br>public class EmployeeCar <br>{ <br>public int Id { get; 세트; } <br>공개 문자열 Car { get; 세트; } <br><br>비공개 정적 목록<EmployeeCar> LoadData() <br>{ <br>새 목록 반환<EmployeeCar> <br>{ <br>new EmployeeCar {Id = 1, Car = "Ford"}, <br>new EmployeeCar {Id = 1, Car = "Holden"}, <br>new EmployeeCar {Id = 1, Car = "Honda"}, <br>new EmployeeCar {Id = 2, Car = "Toyota"}, <br>new EmployeeCar {Id = 2, Car = "General Motors"}, <br>new EmployeeCar {Id = 2, Car = "Volvo"}, <br>새 EmployeeCar {Id = 3, Car = "Ferrari"}, <br>새 EmployeeCar {Id = 3, Car = "Porsche"}, <br>새 EmployeeCar {Id = 3 , 자동차 = "Ford2"} <br>}; <br>} <br><br>공개 목록<EmployeeCar> FetchEmployeeCars(int id) <br>{ <br>return (from p in LoadData() <br>where p.Id == id <br>select p).ToList(); <br>} <br>} <br><br>public class Employee <br>{ <br>public int Id { get; 세트; } <br>공개 문자열 GiveName { get; 세트; } <br>공개 문자열 성 { get; 세트; } <br><br>공개 목록<직원> FetchEmployees() <br>{ <br>새 목록 반환<Employee> <br>{ <br>새 직원 {Id = 1, GiveName = "Tom", Surname = "Hanks"}, <br>새 직원 {Id = 2, GiveName = "Hugh", Surname = "Jackman"}, <br>새 직원 {Id = 3, GiveName = "Petter", 성 = "Liu"} <br>}; <br>} <br><br>public Employee FetchEmployee(int id) <br>{ <br>var 직원 = FetchEmployees(); <br>return (직원의 p에서 <br>여기서 p.Id == id <br>p를 선택).First(); <br>} <br>} <br> </div> <br>完了。希望这篇POST对您有帮助。</span> </div> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
