Nhiều lựa chọn thả xuống bootstrap w3schools

Khi một tùy chọn được chọn, nó sẽ không thể được chọn trong 4 tùy chọn thả xuống khác, v.v. cho đến khi tất cả 5 tùy chọn thả xuống sẽ có một trong số 5 tùy chọn

 

tôi đang sử dụng bootstrap (do đó đã đăng trong phần Javascript), tôi chắc chắn có một cách dễ dàng để làm điều này, tôi chỉ không thể tìm ra nó

 

Cảm ơn tất cả

 

Liên kết để bình luận
Chia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

Nhiều lựa chọn thả xuống bootstrap w3schools
Nhiều lựa chọn thả xuống bootstrap w3schools

davej

Đăng ngày 26 tháng 8 năm 2013

davej

  • Nhiều lựa chọn thả xuống bootstrap w3schools
    Nhiều lựa chọn thả xuống bootstrap w3schools

  • người điều hành
    • 4k
  • Vị trí. STL
  • Sở thích. Học phát triển web.

    • Chia sẻ

Đăng ngày 26 tháng 8 năm 2013

http. //getbootstrap. com/2. 3. 2/javascript. html#dropdowns

Liên kết để bình luận
Chia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

Nhiều lựa chọn thả xuống bootstrap w3schools

Craig Hopson

Đăng ngày 26 tháng 8 năm 2013

Craig Hopson

  • Nhiều lựa chọn thả xuống bootstrap w3schools

  • Các thành viên
    • 212
  • Vị trí. Luân Đôn
  • Sở thích. Việc phát triển web chiếm hết thời gian của tôi.
  • Ngôn ngữ. HTML, CSS, PHP(nhỏ)

  • Tác giả

    • Chia sẻ

Đăng ngày 26 tháng 8 năm 2013

http. //getbootstrap. com/2. 3. 2/javascript. html#dropdowns

tôi không hiểu đây là menu thả xuống không phải hộp chọn

Liên kết để bình luận
Chia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

Nhiều lựa chọn thả xuống bootstrap w3schools
Nhiều lựa chọn thả xuống bootstrap w3schools

davej

Đăng ngày 26 tháng 8 năm 2013

davej

  • Nhiều lựa chọn thả xuống bootstrap w3schools
    Nhiều lựa chọn thả xuống bootstrap w3schools

  • người điều hành
    • 4k
  • Vị trí. STL
  • Sở thích. Học phát triển web.

    • Chia sẻ

Đăng ngày 26 tháng 8 năm 2013

Oh, bạn chỉ có nghĩa là một lựa chọn thả xuống

 

http. //www. w3schools. com/tags/tryit. asp?filename=tryhtml_select

 

Tôi đoán bạn sẽ bao gồm một giá trị "không" ở đầu mỗi danh sách và chỉ gán sự kiện onchange cho một hàm sẽ thay đổi giá trị trở lại thành "không" nếu nó trùng lặp với một danh sách thả xuống khác

Menu thả xuống là menu có thể chuyển đổi cho phép người dùng chọn một giá trị từ danh sách được xác định trước

Thí dụ


  Ví dụ thả xuống
 
 


       
  • HTML

  •    
  • CSS

  •    
  • JavaScript

  •  

Tự mình thử »

Ví dụ giải thích

Lớp .dropdown chỉ ra một menu thả xuống

Để mở menu thả xuống, hãy sử dụng nút hoặc liên kết có lớp .dropdown-toggle và thuộc tính data-toggle="dropdown"

Lớp .caret tạo một biểu tượng mũi tên dấu mũ (), biểu thị rằng nút này là một danh sách thả xuống

Thêm lớp .dropdown-menu vào một

    yếu tố để thực sự xây dựng menu thả xuống

    Dải phân cách thả xuống

    Lớp .divider được sử dụng để phân tách các liên kết bên trong menu thả xuống bằng đường viền ngang mỏng



    Tiêu đề thả xuống

    Lớp .dropdown-header được sử dụng để thêm các tiêu đề bên trong menu thả xuống


    Vô hiệu hóa và kích hoạt các mục

    Đánh dấu một mục thả xuống cụ thể bằng. lớp tích cực (thêm màu nền xanh lam)

    Để tắt một mục trong menu thả xuống, hãy sử dụng lớp .disabled (có màu văn bản xám nhạt và biểu tượng "cấm đỗ xe" khi di chuột)

    Thí dụ

  • CSS

  • HTML
  • Try it Yourself »


    Vị trí thả xuống

    Để căn phải danh sách thả xuống, hãy thêm lớp .dropdown-menu-right vào phần tử với. trình đơn thả xuống

    dropup

    Nếu bạn muốn menu thả xuống mở rộng lên trên thay vì xuống dưới, hãy thay đổi

    phần tử có class="dropdown" thành .dropdown0


    Khả năng truy cập thả xuống

    Để giúp cải thiện khả năng truy cập cho những người sử dụng trình đọc màn hình, bạn nên bao gồm các thuộc tính .dropdown1 và .dropdown2 sau khi tạo menu thả xuống

    Thí dụ


      Hướng dẫn
     
     


         
    • HTML

    •    
    • CSS

    •    
    • JavaScript

    •    
         
    • Về chúng tôi

    •  

    Tự mình thử »


    Kiểm tra bản thân với các bài tập

    Bài tập

    Thêm các lớp và thuộc tính cần thiết để tạo danh sách thả xuống

    Dropdown Example


    Cung cấp câu trả lời "

    bắt đầu bài tập


    Hoàn thành tài liệu tham khảo thả xuống Bootstrap

    Để có tài liệu tham khảo đầy đủ về tất cả các tùy chọn, phương thức và sự kiện thả xuống, hãy truy cập Tài liệu tham khảo thả xuống Bootstrap JS của chúng tôi

    Làm cách nào để chọn nhiều tùy chọn từ danh sách thả xuống trong JavaScript?

    Đầu tiên, là nút thả xuống sử dụng thẻ chọn của HTML có id riêng và thứ hai là bình thường khi sử dụng thẻ đầu vào mà chúng tôi chuyển loại, onclick và giá trị. Khi chúng ta nhấp vào nút thứ hai, nó được gọi là chức năng “multiFunc”, nó được kết nối bằng chức năng onclick

    Làm cách nào để tạo danh sách thả xuống nhiều lựa chọn với hộp kiểm trong HTML?

    Cách sử dụng. .
    Bao gồm biểu định kiểu 'multiselect. css' trong phần đầu của trang web. .
    Tạo phần tử chọn 'nhiều' bình thường trên trang web. .
    Bao gồm tệp JavaScript 'multiselect. .
    Kích hoạt plugin và hoàn tất. .
    phương pháp API

    Làm cách nào để chọn giá trị thả xuống trong Bootstrap?

    Để mở trình đơn thả xuống, hãy sử dụng nút hoặc liên kết có lớp. dropdown-toggle và thuộc tính data-toggle="dropdown" . Các. lớp dấu mũ tạo biểu tượng mũi tên dấu mũ (), biểu thị rằng nút này là một danh sách thả xuống. thêm. dropdown-menu thành phần tử

    Bootstrap đa lựa chọn có miễn phí không?

    Multiselect V05 là một đoạn mã Bootstrap miễn phí tuyệt vời giúp bạn thực hiện đa lựa chọn trên ứng dụng hoặc trang web của mình.