JQuery是一種流行的JavaScript庫,可以輕松地選擇部門里的人員。您可以使用以下代碼將人員列表縮小到特定部門:
$("#department option:selected").each(function () { //根據(jù)選定的選項獲取部門ID var id = $(this).val(); //根據(jù)部門ID獲取員工列表 $.getJSON("/employees", { departmentId: id }, function (employees) { //將員工列表添加到頁面中 $(employees).each(function () { $("<li>").text(this.name).appendTo("#employees"); }); }); });
在這段代碼中,您首先獲得被選中的部門的ID,然后通過Ajax請求獲取屬于該部門的員工列表。通過使用jQuery的each方法,您可以將每個員工的名字添加到頁面的員工列表中。
這是一個簡單的代碼示例,但是它可以根據(jù)您的需要進(jìn)行擴(kuò)展。使用jQuery,選擇部門里的人員再也不會是煩人的任務(wù)了。
上一篇jquery選擇表的tr
下一篇jquery選擇器 兄弟