想要将 none 作为值添加到 select 多个

Question

我正在为 select 字段使用 chosen.jquery.js

<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>

但是在模型中没有数据的情况下它只显示数据占位符值。我想在列表中显示 "Select Body Part(s)" 作为一个选项。并且用户不能 select 这个。原因是，我想在 Body_Parts 列表中添加动态 "Unknown" 值。但它没有反映在列表中。

具有单个 select 离子的 select 同样的工作。

Answer 1

您可以选择以下选项 https://harvesthq.github.io/chosen/#optgroup-support

或者在 ng-repeat 和 [=16 的 ng-if 和 $index 属性的帮助下，将另一个项目作为您的自定义标签从服务器端推送到数组的顶部，并在客户端 disable it =].如果这有意义那么它很好，否则我可以给你一个演示。

Answer 2

我没有发现您的代码有任何问题。比如，我正在尝试并获得我认为你想要的视觉行为？我错过了什么吗？

Html 只是你的 ng-app 等，javascript 是：

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

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

  $scope.Body_Part = [];
});

不确定数据占位符是否真的在做任何事情。

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

也就是说，它不是 "working"。在 fiddle 中，我在所选框旁边放置了一个常规 select 框，所选框似乎没有正确写入 ng-model。我不确定那是怎么回事。

Answer 3

我希望你的查询是，你想显示一个占位符作为当前 selected 值，但用户不应该 select 它。

与其制作disabled，不如制作hidden。如果用户没有 select 任何其他选项，则显示错误，使用 placeholder 选项的值。

下面添加了示例代码段。如果 select 的 value 是 Error，写一个 case 将错误返回给用户。

<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>

希望对您有所帮助！如果没有，请向我发送查询。 :)

想要将 none 作为值添加到 select 多个

Want to add none as value in select multiple

javascript

jquery

angularjs

jquery-chosen

angular-chosen