Как динамически сделать опцию выбранной, если она чем-то равна?

Question

Как динамически сделать опцию выбранной, если она чем-то равна?

0

Я плохо разбираюсь в jQuery или HTML. Я хочу выбрать опцию в зависимости от значения, переданного от вызова ajax. Ниже приведено то, что внутри моего html

<label class="item item-input">
        <input id="" type="text" required ng-model="Data.CompanyTitle">
        <select style="width: 100%">
            <option>Partner</option>
            <option>System</option>
            <option>Council</option>
        </select>
</label>

Data.CompanyTitle проходит либо Партнер, Система, либо Совет. Я хочу, чтобы выбор был выбран в зависимости от того, что такое значение Data.CompanyTitle.

JC Borlagdan 30 июнь 2016, в 07:27

Источник

0

взгляните на ng-options
Aleksey L. 30 июнь 2016, в 05:03

Теги:

jquery

html

angularjs

3 ответа

1

var data = "System";
$('select option').filter(function() {
  console.log($(this).text() == data)
  return $(this).text() == data;
}).prop('selected',true);

.red{color:red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="item item-input">
  <input id="" type="text" required ng-model="Data.CompanyTitle">
  <select style="width: 100%">
    <option>Partner</option>
    <option>System</option>
    <option>Council</option>
  </select>
</label>

Используйте .filter()

Описание. Уменьшите набор согласованных элементов до тех, которые соответствуют селектору или проходят проверку функции.

Использовать .prop()

Описание: Получить значение свойства для первого элемента в наборе согласованных элементов.

Используйте фильтр, чтобы получить соответствующий параметр выбора из данных. Затем используйте prop, чтобы установить выбранную опцию

guradio 30 июнь 2016, в 02:13

1

в то время как он использует угловой, почему он должен проверять это через JQ
Shintu Joseph 30 июнь 2016, в 05:05
0

@ShintuJoseph это помечено jQ почему я не должен дать ответ jQ?
guradio 30 июнь 2016, в 05:06
0

Вы можете сделать это, то зачем использовать угловой
Shintu Joseph 30 июнь 2016, в 05:07
0

Он не может делать dom-манипуляции в угловом контроллере, поэтому он должен написать директивную функцию link для написания jquery, поэтому в его случае переход через jquery для него очень утомителен, я люблю jQ
Shintu Joseph 30 июнь 2016, в 05:09

Показать ещё 2 комментария

0

Найти опцию по значению:

var _value= 'System';
$('.item select  option[value="'+_value+'"]').prop('selected', true);

для получения или установки значения из/для ввода вам нужно указать id id или class и: get

 $('#search').val();
 $('.search').val();

устанавливать

 var _value= 'System';
 $('#search').val(_value);
 $('.search').val(_value);

и есть простой пример

Maksym Semenykhin 30 июнь 2016, в 03:57

Ещё вопросы

в то время как он использует угловой, почему он должен проверять это через JQ
@ShintuJoseph это помечено jQ почему я не должен дать ответ jQ?
Вы можете сделать это, то зачем использовать угловой
Он не может делать dom-манипуляции в угловом контроллере, поэтому он должен написать директивную функцию link для написания jquery, поэтому в его случае переход через jquery для него очень утомителен, я люблю jQ

Shintu Joseph · Accepted Answer · 2016-06-30T03-05-00.000Z

Вы можете дать выбор модели, и если значение параметра равно вашей переменной, оно автоматически выбирается

<select ng-model="selectModel">
    <option value="dummy">dummy</option>
</select>

и когда вы устанавливаете $scope.selectModel = 'dummy' вы можете видеть, что выбранный dummy

я могу принять ответ через 2 минуты .. но этот правильный, не думал об этом. СПАСИБО!
но как передать выбранное значение? извини, я запутался
Я имею в виду, это в редактировании, когда пользователь изменил значение и нажал кнопку «Сохранить». Как передать этот текущий выбранный?
вы можете взять $scope.selectModel и использовать его там, где необходимо значение выбранного параметра, в любой момент оно имеет окончательное выбранное значение, так как является переменной модели