Хотите добавить none как значение в select multiple

Я использую 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>

Но это показывает только значение данных-заполнителя в случае отсутствия данных в модели. Я хочу показать "Select Body Part (s)" в качестве опции в списке. И пользователь не должен выбирать это. Причина в том, что я хочу добавить динамическое значение "Неизвестно" в списке Body_Parts. Но это не отражено в списке.

Такая же работа для выбора, имеющего единственный выбор.

Ответы

Ответ 1

Я не вижу никаких проблем с вашим кодом, как таковым. Например, я пытаюсь это сделать и получить визуальное поведение, я думаю, что вы хотите? Я что-то пропустил?

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/

Тем не менее, это не "работает". В скрипке я помещаю регулярный блок выбора рядом с выбранным, и выбранный, похоже, не правильно пишет в ng-модель. Я не уверен, что с этим.

Ответ 2

Вы можете выбрать вариант ниже https://harvesthq.github.io/chosen/#optgroup-support

или нажмите другой элемент в верхней части массива со стороны сервера, как ваш пользовательский ярлык, и отключите его на стороне клиента с помощью ng-if и $index свойства ng-repeat и angularjs. Если это имеет смысл, то это еще лучше, я могу дать вам демо.

Ответ 3

Я надеюсь, что ваш запрос, вы хотите показать держатель места как текущее выбранное значение, но пользователь не должен его выбирать.

Вместо того, чтобы сделать это disabled, сделайте его hidden. Затем выведите сообщение об ошибке, если пользователь не выберет другие параметры, используя значение параметра placeholder.

Ниже приведен пример фрагмента. Если value of 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>