Hỏi Làm Menu Dropdow Bằng Javascript - Viblo

hồ Theo dõi Yêu cầu thg 5 8, 2019 1:15 SA Yêu cầu thg 5 8, 2019 1:15 SA• 1279 0 4

• 1279 0 4

-1

mình tìm hiểu cách làm menu dropdown bằng javascript ở www.w3schools rồi mà không thấy trên web chỉ cách tạo hiệu ứng chuyển sang trang khác ,dù ở web đó có chỉ nhưng toàn chỉ làm mấy cái menu dropdown có nút submit ,còn mình muốn làm menu 0 có submit khi chọn 1 mục trong menu thì sẽ load tới đối tượng đó(trang web)khi bấm chọn menu,thí dụ có trang web có 5 trang trong menu mình ghi như sau ,nghĩa là khi chọn menu trang b thì nó load tới trang b(menu 0 có submit)

<select name="cactrangweb"> <option>tranga</option> <option>trangb</option> <option>trangc</option> <option>trangd</option> <option>trange</option> </select> Đăng câu trả lời hồ @jonyu Theo dõi 42 0 24 2 Bookmark câu hỏi này

bắt sự kiện onchange nhé bạn

Thêm một bình luận

4 CÂU TRẢ LỜI

Tran Dai Son Theo dõi Đã trả lời thg 5 16, 2019 5:18 SA Đã trả lời thg 5 16, 2019 5:18 SA +1

Đầu tiên e nên hiểu như này:

• Nếu muốn chuyển trang e có 2 cách: 1 là làm một thẻ link <a href="/link"> 2 là e chuyển bằng javascrip bằng cách set location.href = '/link'
• Thẻ <select> nó là một cái selectbox để lựa chọn. E sẽ không thể dùng thẻ <a> bên trong selectbox được. Vậy em phải sử lý bằng javascript, gắn sự kiện onchange cho thẻ select, rồi set location.href như trên kia. Nhưng nếu e muốn dùng thẻ <a> thay vì handle sự kiện change thì phải làm sao? Lúc này e cần một thứ khác, ko phải là thẻ <select> đơn giản của html nữa, mà là một menu dropdown (combo box). Nó sẽ được viết từ HTML/CSS/JS, và custom lại giao diện cũng như hành vi để trông giống một selecbox. https://www.w3schools.com/css/css_dropdowns.asp

Chia sẻ Chia sẻ liên kết đến câu trả lời này Đóng Tran Dai Son @tran.dai.son Theo dõi 1.7K 58 1 9

mình hỏi làm menu dropdown=javascript như menu trong trang web này http://uptruyen.com/manga/235459/ninja-loan-thi/tap-23.html

Trang đó nó dùng thẻ <select> nhé Làm như trong này: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onchange

Nếu muốn chuyển hướng trang khi chọn selectbox thì sửa thành như này

<select onchange="myFunction(this)"> ... function myFunction(target) { var href = target.value; window.location.href = href; } Thêm một bình luận Tien Nguyen Theo dõi Đã trả lời thg 5 8, 2019 9:35 SA Đã trả lời thg 5 8, 2019 9:35 SA 0

Tôi nghĩ bạn nên thêm xí nữa để nâng cấp menu dropdown. Vui lòng tham khảo mã ở đây https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown

Tôi nghĩ đây là thức bạn cần

Chia sẻ Chia sẻ liên kết đến câu trả lời này Đóng Tien Nguyen @nguyenvantien2009 Theo dõi 135 3 0 1

mạnh dạn đề xuất Jquery Ui

Thêm một bình luận hồ Theo dõi Đã trả lời thg 5 8, 2019 10:11 SA Đã trả lời thg 5 8, 2019 10:11 SA 0

mình có tìm được trang web dạy lập trình bằng javascript của dauquangtuan đó,nhưng trang web đó chỉ hướng dẫn sơ ,mình có lúc tính dùng cách tạo từ điển ở web đó làm menu

Chia sẻ Chia sẻ liên kết đến câu trả lời này Đóng hồ @jonyu Theo dõi 42 0 24 2 Thêm một bình luận Lê Vĩnh Thiện Theo dõi Đã trả lời thg 5 8, 2019 6:13 SA Đã trả lời thg 5 8, 2019 6:13 SA -1

thực sự mình đang không hiểu câu hỏi của bạn. bạn muốn làm menu dropdown hay là muốn chuyển trang khi chọn cái select kia vậy?

Chia sẻ Chia sẻ liên kết đến câu trả lời này Đóng Lê Vĩnh Thiện @le.vinh.thien Theo dõi 392 18 0 57 Bình luận này đã bị xóa

muốn chuyển trang khi chọn cái select kia

Thêm một bình luận Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn. Đăng nhập Đăng kí