Hướng dẫn bootstrap 3 multiselect dropdown - trình đơn thả xuống nhiều lựa chọn bootstrap 3

Tôi hiện có 2 lần thả xuống đa chọn trên một trang, một cái được gọi là 'Hazards' và 'HP_Codes' khác. Cả hai đều đưa ra danh sách của họ từ SQL DB và ý tưởng là 'HP_Codes' sẽ được đưa ra dựa trên những gì được chọn trong 'mối nguy hiểm'.

Nội dung chính ShowShow

• Bootstrap Multiselect - Ví dụ miễn phí, Mẫu & Hướng dẫn
• Ví dụ cơ bản
• Multisective với nhãn
• Multisective với trình giữ chỗ
• Multiselect bị vô hiệu hóa
• Tùy chọn vô hiệu hóa
• Nút rõ ràng
• Nội dung tùy chỉnh
• Các tùy chọn có thể nhìn thấy
• Văn bản thứ cấp
• Tìm kiếm
• Chọn với tìm kiếm bên trong một phương thức
• Nhóm tùy chọn
• Multisective với các biểu tượng
• Thẩm định

Vì vậy, theo lý thuyết, ai đó có thể chọn Hazard1, Hazard2 và Hazard3 và sau đó danh sách thứ hai sẽ tạo ra các tùy chọn liên quan đến 3 Hazard đó (một số tùy chọn có thể giống nhau - các bản sao được xóa).

Tôi là một người mới về điều này, do đó ném một mạng, vì vậy tôi bất kỳ đề xuất nào được đánh giá cao.

Cho đến nay, tôi đã thử giải pháp cho câu hỏi này (Bootstrap MultiSelect Tùy chọn động dựa trên thả xuống đầu tiên) nhưng tôi đã nhập tất cả các tùy chọn để dừng trang rút HP_Codes từ DB. Có khả năng giữ chúng Được rút ra từ DB sẽ thực sự hữu ích cho các bản cập nhật trong tương lai từ quan điểm trang bảo trì.

Điều gì sẽ là cách tốt nhất để đạt được điều này?

Chỉnh sửa ở đây là một đoạn của những gì hiện đang nằm trong mẫu của tôi. Để kéo dữ liệu vào MultiSelect từ DB Here is a snippet of what currently sits in my form. To pull the data in to the multiselect from the DB Here is a snippet of what currently sits in my form. To pull the data in to the multiselect from the DB

// Method to bind Dropdown
function fill_hazards_select_box($con)
{ 
 $output = '';
 $query=mysqli_query($con,"SELECT hazards FROM Chemilist_states");
    $cnt=1;
    while($row=mysqli_fetch_array($query))
    {
    $output .= " $row[0] ";
    }

 return $output;
}

function fill_hp_codes_select_box($con)
{ 
 $output = '';
 $query=mysqli_query($con,"SELECT hp_codes FROM Chemilist_hazards");
    $cnt=1;
    while($row=mysqli_fetch_array($query))
    {
    $output .= " $row[0] ";
    }

 return $output;
}

$month = date('m');
$day = date('d');
$year = date('Y');

$today = $year . '-' . $month . '-' . $day;
?>

Sau đó để khởi tạo các plugin

và cuối cùng để đặt mutliselect trong biểu mẫu

    

    Hazard Statements: *


                                                                            
    
     
           
                                                                            

                                                                        


    Hazard Properties: *