Событие изменения триггера() при установке значения с помощью функции val()

Question

Событие изменения триггера() при установке значения с помощью функции val()

каков самый простой и лучший способ вызвать изменить событие при установке значения выберите элемент.

Я ожидал, что выполнение следующего кода

$('select#some').val(10);

или

$('select#some').attr('value',  10);

приведет к запуску события изменения, которое, я думаю, довольно логично, что нужно сделать. Верно?

Ну, это не так. Вам нужно triger изменить() событие, выполнив это

$('select#some').val(10).change();

или

$('select#some').val(10).trigger('change');

но я ищу какое-то решение, которое вызовет событие изменения, как только значение select будет изменено некоторым кодом javascript.

651 4

jQuery events triggers onchange

4 ответов:

Comments

Ничего не найдено.

criticman · Accepted Answer · 2015-04-30 12:12:11

у меня была очень похожая проблема и я не совсем уверен, что у вас возникли проблемы с, как ваш предложенный код работал для меня. Это тут (ваше требование) запускает следующий код изменения.
$('#selectField').change(function(){
    if($('#selectField').val() == 'N'){
        $('#secondaryInput').hide();
    } else {
        $('#secondaryInput').show();
}
});
затем я беру значение из базы данных (это используется в форме как для нового ввода, так и для редактирования существующих записей), устанавливаю его как выбранное значение и добавляю кусок, который мне не хватало, чтобы вызвать приведенный выше код, ".изменение.")(
$('#selectField').val(valueFromDatabase).change();
Так что если существующее значение из базы данных 'N', он сразу же скрывает вторичное поле ввода в моей форме.

Dima R. · Accepted Answer · 2015-01-08 23:04:13

одна вещь, которую я узнал (трудный путь), это то, что вы должны иметь
$('#selectField').change(function(){
  // some content ...
});
определяется перед использованием
$('#selectField').val(10).trigger('change');
или
 $('#selectField').val(10).change();

Clarence Liu · Accepted Answer · 2017-05-23 15:18:30

прямой ответ уже в дублирующем вопросе:почему событие изменения jquery не запускается, когда я устанавливаю значение select с помощью val()?

как вы, вероятно, знаете, установка значения select не вызывает событие change (), если вы ищете событие, которое запускается, когда значение элемента было изменено через JS, его нет.

если вы действительно хотите сделать это, я думаю, единственный способ-написать функцию, которая проверяет DOM на интервале и отслеживает измененные значения, но определенно не делайте этого, если вы не должны (не уверен, почему вам когда-либо понадобится)

добавили это решение:
Другим возможным решением было бы создать свой собственный .val() функция-оболочка и она запускает пользовательское событие после установки значения через .val(), затем, когда вы используете ваш .val () обертка для установки значения a <select> это вызовет ваше пользовательское событие, которое вы можете поймать и ручка.

Будьте уверены, чтобы return this, Так что это цепочка в jQuery моды

Beaumont · Accepted Answer · 2015-02-17 18:08:13

я отделяю его, а затем использую сравнение идентичности, чтобы диктовать, что делать дальше.
$("#selectField").change(function(){
  if(this.value === 'textValue1'){ $(".contentClass1").fadeIn(); }
  if(this.value === 'textValue2'){ $(".contentclass2").fadeIn(); }
});