Làm thế nào để tạo một menu thả xuống chuyển hướng đến một trang mới trong Java

Cách thêm JavaScript làm mẹo

Các nhà thiết kế trang web mới thường muốn biết cách tạo menu thả xuống để khi người điều hướng chọn một trong các tùy chọn, họ sẽ tự động được chuyển hướng đến trang đó. Nhiệm vụ này không phức tạp như nó có vẻ. Để thiết lập một trình đơn thả xuống để chuyển hướng đến một trang Web mới khi được chọn, bạn cần phải thêm một số JavaScript đơn giản vào biểu mẫu của mình.

Bắt đầu

Trước tiên, bạn cần phải thiết lập thẻ để bao gồm URL làm giá trị để biểu mẫu của bạn biết nơi gửi khách hàng. Xem ví dụ sau:

Thiết kế web Trang chủ Bắt đầu từ HTML

Khi bạn đã thiết lập các thẻ đó, bạn cần phải thêm thuộc tính "onchange" vào thẻ của mình để cho trình duyệt biết phải làm gì khi danh sách tùy chọn thay đổi. Chỉ cần đặt tất cả JavaScript trên một dòng, ví dụ dưới đây cho thấy:

onchange = "window.location.href = this.form.URL.options [this.form.URL.selectedIndex] .value">

Mẹo hữu ích

Bây giờ thẻ của bạn đã được thiết lập, hãy nhớ đảm bảo rằng thẻ đã chọn của bạn được đặt tên là "URL". Nếu không, hãy thay đổi mã JavaScript ở trên bao giờ nói "URL" để đọc tên của thẻ đã chọn của bạn. Nếu bạn muốn có một ví dụ chi tiết hơn, bạn có thể thấy biểu mẫu này đang hoạt động trực tuyến. Nếu bạn vẫn cần thêm hướng dẫn, bạn cũng có thể xem lại một hướng dẫn ngắn gọn thảo luận về tập lệnh này và một số bước khác mà bạn có thể thực hiện bằng JavaScript.