Невозможно изменить значение выбора JQuery

Question

Я пытаюсь установить параметр выбора с помощью jquery, но он не работает должным образом. Он фактически устанавливает значение, но текст не обновляется.

Я попытался с .prop('selected',true), .attr('selected',true), .prop('selected','selected'), .val() и .val().change() но nothig, кажется, работает

Вот выберите

<select class="input-field" id="equip_type" name="equip_type"> 
    <option value="" disabled selected>Tipo de Equipo </option> 
    <option value="0">equip_type_other</option> 
    <option value="1">equip_type_desktop</option> 
    <option value="2">equip_type_laptop</option> 
    <option value="3">equip_type_tablet</option> 
    <option value="4">equip_type_printer</option> 
</select> 

Я собираюсь установить опцию в пределах функции Ajax, поэтому значение исходило от функции. Это то, что я в настоящее время пытаюсь

$('#equip_type').val(data.equipType).change(); 

У меня есть использовать тот же метод с другими формами, но только этот один является причиной этого truble. Есть что-то, что мне не хватает?

Answer 1

$('#equip_type').val(data.equipType).trigger('change'); 

Answer 2

$('#equip_type option[value="value"]'); 

В значении можно угождать значение параметра, и он будет работать.

Answer 3

Это достаточно:

$('#equip_type').val(data.equipType) 

Но, у вас есть:

<option value="${equipType.value}">${equipType.toString()}</option> 

и это проблема, параметр .val() должно быть значение поля опции, вместо вы используете текстовое значение.

Таким образом, вы можете фильтровать:

 $('#equip_type option').filter(function() { 
      return this.textContent == 'equip_type_tablet' 
     }).prop('selected', true); 

Мой фрагмент:

$(function() { 
 
    $('#equip_type option').filter(function() { 
 
    return this.textContent == 'equip_type_tablet' 
 
    }).prop('selected', true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<select class="input-field" id="equip_type" name="equip_type"> 
 
    <option value="" disabled selected>Tipo de Equipo </option> 
 
    <option value="0">equip_type_other</option> 
 
    <option value="1">equip_type_desktop</option> 
 
    <option value="2">equip_type_laptop</option> 
 
    <option value="3">equip_type_tablet</option> 
 
    <option value="4">equip_type_printer</option> 
 
</select>

Answer 4

$('option:selected', '#my_select').val(); 

Первый селектор - ребенок, второй - родитель