14

我将 selected.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>

但在模型中没有数据的情况下，它只显示数据占位符值。我想在列表中显示“选择身体部位”作为选项。用户不得选择此项。原因是，我想在 Body_Parts 列表中添加动态“未知”值。但它没有反映在列表中。

选择具有单一选择的相同工作。

4

3 回答 3

8

因此，我没有看到您的代码有任何问题。就像，我正在尝试并获得我认为你想要的视觉行为？我错过了什么吗？

在此处输入图像描述

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 = [];
});

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

小提琴：http: //jsfiddle.net/7187f6d9/

也就是说，它不是“工作”。在小提琴中，我在所选的旁边放了一个常规选择框，而所选的框似乎没有正确写入 ng-model。我不确定那是怎么回事。

于 2016-11-23T11:53:44.520 回答
1

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

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

于 2016-11-23T11:42:57.653 回答
1

我希望您的查询是，您希望将占位符显示为当前选定的值，但用户不应该能够选择它。

与其制造它disabled，不如制造它hidden。如果用户没有选择任何其他选项，则使用占位符选项的值显示错误。

下面添加了一个示例片段。如果value是，select则Error编写一个案例以将错误返回给用户。

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

希望这可以帮助！如果没有，请用您的查询 ping 我。:)

于 2016-11-23T12:02:13.057 回答