10/10/2018, 11:28
Sự kiện Onchange trong ajax
Mình có 1 trang index.php với 3 vùng div:
Div1: là select box chứa dữ liệu về các "Ca sĩ".
Div2: cũng là select box chứa dữ liệu về các "Album"( cái này tương ứng khi chọn "Ca sĩ" ở trên)
DIv 3 là chứa các thông tin "Năm sản xuất Album"
Yêu cầu:
Khi nhấn vào một ca sĩ nào(ở select box thứ 1) thì ở Select box thứ 2 sẽ hiện tên các Album theo ca sĩ đó. Và nếu mình chọn một Album bất kỳ ở select box thứ 2 thì nó hiện ra năm sản xuất tương ứng ở vùng div thứ 3.
Và
Ở đây, mình đã sử dụng sự kiện onchange(của ajax) trong select box thứ nhất và thứ hai, kết quả vẫn cho đúng nếu như chọn từng cái.
Nhưng cái mình muốn là khi load trang index.php đầu tiên, thì nó sẽ tự động load ca sĩ đầu tiên -> load Album đầu tiên (theo ca sĩ đó) và sau cùng là hiển thị Năm sản xuất theo Album đó. Nhưng khi chạy thử thì chương trình chỉ tự động load cái đầu tiên, còn cái thứ hai thì vẫn phải chọn thì nó mới hiện ra. Vậy giúp mình giải quyết vấn đề "Tự động load dữ liệu theo sự kiện Onchange ở lần thứ 2" này với.
Div1: là select box chứa dữ liệu về các "Ca sĩ".
Div2: cũng là select box chứa dữ liệu về các "Album"( cái này tương ứng khi chọn "Ca sĩ" ở trên)
DIv 3 là chứa các thông tin "Năm sản xuất Album"
Yêu cầu:
Khi nhấn vào một ca sĩ nào(ở select box thứ 1) thì ở Select box thứ 2 sẽ hiện tên các Album theo ca sĩ đó. Và nếu mình chọn một Album bất kỳ ở select box thứ 2 thì nó hiện ra năm sản xuất tương ứng ở vùng div thứ 3.
Và
Ở đây, mình đã sử dụng sự kiện onchange(của ajax) trong select box thứ nhất và thứ hai, kết quả vẫn cho đúng nếu như chọn từng cái.
Nhưng cái mình muốn là khi load trang index.php đầu tiên, thì nó sẽ tự động load ca sĩ đầu tiên -> load Album đầu tiên (theo ca sĩ đó) và sau cùng là hiển thị Năm sản xuất theo Album đó. Nhưng khi chạy thử thì chương trình chỉ tự động load cái đầu tiên, còn cái thứ hai thì vẫn phải chọn thì nó mới hiện ra. Vậy giúp mình giải quyết vấn đề "Tự động load dữ liệu theo sự kiện Onchange ở lần thứ 2" này với.
Bài liên quan
Khi load trang index.php, mình đã xét 1 giá trị mặc định cho select box 1. Nó đã tự load theo giá trị đó, nhưng khi chuyển sang select box thứ hai thì nó không tự load như select box thứ 1. Mà phải chọn thì nó mới load. Ý mình là làm sao cho select box thứ 2 cũng tự load 1 giá trị bất kỳ( đã được chỉ định) để tự hiển thị sang div3.
thí dụ:
a(); // gọi cái hàm này đầu tiên khi website đc load
hok để ý cái này àh ?