Bạn muốn thêm không như giá trị trong chọn nhiều

Question

Tôi đang sử dụng chosen.jquery.js cho chọn lĩnh vực

<select chosen multiple data-placeholder="Select Body Part(s)" 
ng-options="option.Name as option.Name for option in BodyPartList" ng-model="Body_Part"> 
     <option value="" disabled>Select Body Part(s)</option> 
</select> 

Nhưng Nó chỉ hiển thị giá trị dữ liệu giữ chỗ trong trường hợp không có dữ liệu trong mô hình. Tôi muốn hiển thị "Chọn phần nội dung" làm tùy chọn trong danh sách. Và người dùng không được chọn mục này. Lý do là, tôi muốn thêm giá trị "Không xác định" động trong danh sách của Body_Parts. Nhưng nó không phản ánh trong danh sách.

Cùng một công việc để chọn có lựa chọn duy nhất.

Answer 1

Tôi không gặp phải bất kỳ sự cố nào với mã của bạn, như vậy. Giống như, tôi đang thử nó và nhận được các hành vi trực quan tôi nghĩ rằng bạn đang muốn? Tui bỏ lỡ điều gì vậy?

Html chỉ của bạn với ng-app vv, javascript là:

var myApp = angular.module('myApp', ['localytics.directives']); 

myApp.controller('MyController', function($scope) { 
    $scope.BodyPartList = [ 
    { Name: "Arm" }, 
    { Name: "Leg" } 
    ]; 

    $scope.Body_Part = []; 
}); 

Không chắc chắn nếu dữ liệu giữ chỗ được thực sự làm bất cứ điều gì.

Fiddle: http://jsfiddle.net/7187f6d9/

Điều đó nói rằng, nó không "hoạt động". Trong fiddle tôi đặt một hộp chọn thường xuyên cùng với một lựa chọn, và một trong những lựa chọn dường như không được viết cho ng-mô hình một cách chính xác. Tôi không chắc chuyện gì xảy ra với điều đó.

Answer 2

Bạn có thể chọn các tùy chọn bên dưới https://harvesthq.github.io/chosen/#optgroup-support

hoặc đẩy mục khác để phía trên cùng của mảng từ phía máy chủ như nhãn tùy chỉnh của bạn và disable it về phía khách hàng với sự giúp đỡ của ng-nếu và chỉ số $ thuộc tính của ng-lặp lại và angularjs. Nếu điều này có ý nghĩa thì tốt của nó khác tôi có thể cung cấp cho bạn một bản demo.

Answer 3

Tôi hy vọng truy vấn của bạn là, bạn muốn hiển thị một trình giữ chỗ làm giá trị được chọn hiện tại nhưng người dùng không thể chọn nó.

Thay vì làm cho nó disabled, hãy đặt nó hidden. Sau đó, hiển thị lỗi nếu người dùng không chọn bất kỳ tùy chọn nào khác, sử dụng giá trị của tùy chọn trình giữ chỗ.

Đoạn mã mẫu được thêm vào bên dưới. Nếu value của select là Error, hãy viết một trường hợp để gửi lại lỗi cho người dùng.

<select> 
 
    <option value="Error" hidden>Select any Company</option> 
 
    <option value="Toyota">Toyota</option> 
 
    <option value="Nissan">Nissan</option> 
 
    <option value="BMW">BMW</option> 
 
</select>

---

Hope this helps! Nếu không, hãy ping tôi với truy vấn của bạn. :)