http://www.javascriptbank.com/rss/form/dropdown/ JavaScript mới nhất: Trình đơn xổ dọc vi Copyright (C) JavaScriptBank.com 60 [email protected] RSS <img src="http://www.javascriptbank.com/javascript.images/form/javascript-dynamic-drop-down-values-on-action.jpg" width="100" height="100" align="left" style="margin: 5px;" />Thêm một đoạn mã JavaScript khác để tạo hiệu ứng trình đơn xổ dọc thay đổi danh sách nội dung khi người dùng nhấn các tùy chọn. Bạn có thể thêm nhiều tùy chọn và giá trị dữ liệu như mong muốn. Cách thức sử dụng và tài liệu tham khảo được giải thích đầy đủ bên trong <a href="http://www.javascriptbank.com/" title="mã nguồn hiệu ứng JavaScript">mã nguồn hiệu ứng JavaScript</a> này. http://www.javascriptbank.com/javascript-dynamic-drop-down-values-on-action.html 1298269548 <img src="http://www.javascriptbank.com/javascript.images/form/smarter-dynamic-select-options.jpg" width="100" height="100" align="left" style="margin: 5px;" />Thêm một lựa chọn nữa dành cho bạn với hiệu ứng tạo các <a href="/javascript/form/dropdown/">danh sách chọn</a> chứa các giá trị liên quan nhau; chọn một giá trị trong danh sách chọn đầu thì danh sách chọn sau sẽ xuất hiện các giá trị tương ứng. Hiệu ứng này có giải thích rõ ràng và đầy đủ trong mã nguồn, các xử lí đơn giản và không dùng <a href="/javascript/ajax/">AJAX</a>. http://www.javascriptbank.com/smarter-dynamic-select-options.html 1240015033 <img src="http://www.javascriptbank.com/javascript.images/form/3-chaining-levels-dropdown-list.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đây là một trong những hiệu ứng tạo <a href="/vi=danh sách liên kết">danh sách liên kết</a> sử dụng <a href="/javascript/form/dropdown/">trình đơn xổ dọc</a>, ví dụ trong đoạn mã này là <a href="/vi=quốc gia">quốc gia</a>, <a href="/vi=tiểu bang">tiểu bang</a> và <a href="/vi=thành phố">thành phố</a>. Khi người dùng chọn một quốc gia trong trình đơn đầu tiên thì các tiểu bang tương ứng của quốc gia được hiển thị trong trình đơn thứ hai và tương ứng là các thành phố cho trình đơn còn lại. Bạn có thể tinh chỉnh tùy theo nhu cầu của mình, chảng hạn như dùng cho <a href="/vi=điện thoại">điện thoại</a>: loại/hãng/mẫu hay <a href="/vi=sách">sách</a>: nhà xuất bản/tác giả/tựa. http://www.javascriptbank.com/3-chaining-levels-dropdown-list.html 1239669407 <img src="http://www.javascriptbank.com/javascript.images/form/drop-down-info-box.jpg" width="100" height="100" align="left" style="margin: 5px;" />Bạn có thể dùng đoạn mã này để cung cấp thêm thông tin cho các tùy chọn của một trình đơn xổ dọc. http://www.javascriptbank.com/drop-down-info-box.html 1208651746 <img src="http://www.javascriptbank.com/javascript.images/form/adding-options-2.jpg" width="100" height="100" align="left" style="margin: 5px;" />Thêm một <a href="/javascript/">đoạn mã JavaScript</a> khác để thực hiện việc thêm hay thay đổi các tùy chọn trong một <a href="/javascript/form/dropdown/">danh sách</a>, <a href="/javascript/">hiệu ứng JavaScript</a> này còn cho phép chọn các tùy chọn con. http://www.javascriptbank.com/adding-options-2.html 1204418125 <img src="http://www.javascriptbank.com/javascript.images/form/add-remove-options.jpg" width="100" height="100" align="left" style="margin: 5px;" />Một hiệu ứng sử dụng <a href="/title=DOM">DOM</a>(Document Object Model) để thêm bớt các tùy chọn trong một <a href="/javascript/form/dropdown/">danh sách</a> <code>SELECT</code>. Đoạn mã này rất dễ cài đặt và chỉnh sửa tùy theo nhu cầu người dùng. http://www.javascriptbank.com/add-remove-options.html 1204418123 <img src="http://www.javascriptbank.com/javascript.images/form/multi-value-drop-down-list.jpg" width="100" height="100" align="left" style="margin: 5px;" />Dùng một menu xổ dọc, đoạn mã này sẽ cung cấp và yêu cầu thêm các giá trị nhập liệu khác, dựa vào sự chọn lựa của người dùng đối với menu xổ dọc. Đoạn mã rất ngắn và có thể được chèn dễ dàng vào bất kì biểu mẫu nào. http://www.javascriptbank.com/multi-value-drop-down-list.html 1198974903 <img src="http://www.javascriptbank.com/javascript.images/form/menu-simplified-2.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã tạo một <a href="/javascript/menu/">trình đơn</a> xổ dọc (<a href="/javascript/form/dropdown/">trình đơn xổ dọc</a>) trên trang web của bạn, với mục chọn là các <a href="/javascript/link/">liên kết</a>; bên cạnh đó, nếu <a href="/javascript/browser/">trình duyệt</a> không cho phép <a href="/javascript/">JavaScript</a> thì hiệu ứng sẽ tự tạo một nút submit cho <a href="/javascript/menu/">trình đơn</a>. http://www.javascriptbank.com/menu-simplified-2.html 1198370101 <img src="http://www.javascriptbank.com/javascript.images/form/customize-dropdown-menu-2-index.jpg" width="100" height="100" align="left" style="margin: 5px;" />Bạn có thể dùng đoạn mã <b>Customize Dropdown Menu</b> này để tạo các menu xổ dọc có nhiều lựa chọn, chẳng hạn như các menu: chọn ngôn ngữ, chọn giao diện, chọn quốc gia,... Ngoài việc được tùy biến để có các chức năng như một dropdown menu bình thường, hiệu ứng này còn cho phép bạn thêm vào hình ảnh cho tiêu đề và các lựa chọn của dropdown. Hãy thử hiệu ứng này để cảm nhận sự khác biệt. Version 2: do một người dùng của JavaScriptBank.com thiết kế lại, dùng trong trường hợp trình duyệt không cho phép JavaScript hoạt động, khi đó hiệu ứng sẽ hiển thị một dropdown bình thường Hiệu ứng đã được kiểm tra và chạy tốt trên các trình duyệt như: IE 7, Opera 9, Firefox 2, Netscape 8. http://www.javascriptbank.com/customize-dropdown-menu-2-index.html 1193704474 <img src="http://www.javascriptbank.com/javascript.images/form/select-box-with-options.jpg" width="100" height="100" align="left" style="margin: 5px;" />Bạn có thể sử dụng <a href="/javascript/">đoạn mã JavaScript</a> này để tạo một đối tượng <code>select</code> với các nút cho việc thay đổi thứ tự các mục chọn. http://www.javascriptbank.com/select-box-with-options.html 1192494867