Làm cách nào để sử dụng Chosen jQuery trong tệp html của tôi?

Tôi có mẫu select vì vậy tôi cần sử dụng số multiple select được chọn để làm cho giao diện thân thiện hơn với người dùng.

<select class="chosen" multiple="true" name="faculty"> 
     <option value="AC">A</option> 
     <option value="AD">B</option> 
     <option value="AM">C</option> 
     <option value="AP">D</option> 
</select>

Tôi đã tải xuống các tệp và sao chép tệp đó vào thư mục trang web của mình.

Vì vậy, những gì tôi đã làm được bao gồm trong chosen.jquery.min.js<head>:

<script type="text/javascript" src="chosen/chosen.jquery.min.js"></script>

Và hướng dẫn nói với Gọi plugin chọn: $(".chzn-select").chosen();

Tôi không biết nơi để đặt rằng tuyên bố JavaScript trong để gọi Chọn nhiều lựa chọn. Tôi nghĩ nó dễ như sử dụng Bootstrap, hah. Bất kỳ giúp đỡ?

Nguồn

2012-12-18 AimanB

nếu bạn đã bao gồm các tập tin vào trang của bạn, nó chỉ nên càng đơn giản như tạo

bạn select phải có lớp chzn-select, và thông thường bạn sẽ chạy một kịch bản sau khi tải trang như sau:

$(function() { 
    $(".chzn-select").chosen(); 
});

Dưới đây là một thử nghiệm, làm việc Ví dụ:

<html> 
<head> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> 
<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css"> 
</head> 
<body> 

<script type="text/javascript"> 
$(function() { 
    $(".chzn-select").chosen(); 
}); 
</script> 

<select class="chzn-select" multiple="true" name="faculty" style="width:200px;"> 
     <option value="AC">A</option> 
     <option value="AD">B</option> 
     <option value="AM">C</option> 
     <option value="AP">D</option> 
</select> 


</body> 
</html>

Nguồn

2012-12-18 18:44:43 Anass

Cảm ơn bạn. Bây giờ làm việc :) – AimanB

<script type="text/javascript" src="chosen/chosen.jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $(".chzn-select").chosen(); 
}); 
</script> 

<select class="chzn-select" multiple="true" name="faculty"> 
     <option value="AC">A</option> 
     <option value="AD">B</option> 
     <option value="AM">C</option> 
     <option value="AP">D</option> 
</select>

Nguồn

2012-12-18 18:45:44

Cảm ơn bạn nó đã làm việc ngay bây giờ :) – AimanB

Các vấn đề liên quan