Выпадающий HTML-код не может захватить onChange (), если в раскрывающемся списке только одно значение

Question

Я использую Jquery, для выбора значения раскрывающегося списка.Мне нужно сделать какое-то действие с событием OnChange (.change в jquery), но если в раскрывающемся списке есть только одна опция, я не могу зафиксировать ее в событии onChange.Мой раскрывающийся список формируется динамически, поэтому не знаю, сколько опций я получу, сколько опций, но я столкнулся с проблемой, если есть только одна опция.
Есть ли способ перехватить событие OnChange для только содин?

Answer 1

Вам не нужно проводить событие onchange.Просто имейте функцию, которая вызывается из onchange, и если есть только один элемент, просто вызовите эту функцию.

function populate() {
    //do work to populate #selector

    if($("#selector option").length == 1) {
        $("#selector").hide();
        workerFunction();
    } else {
        $("#selector").show();
    }

    $("#selector").change(workerFunction);

    //the following line of code will work like a default:
    workerFunction();
}

function workerFunction() {
    //put whatever used to be in your onChange function here
}

Answer 2

Похоже, у вас есть ошибка HTML в ваших тегах параметров.

В дополнение к этому, чтобы нацелить что-то динамически созданное с помощью jQuery, вы должны использовать делегаторы.

$('selector').change( function(e){...}); // without delegator
$('body').on('change','selector', function(e){...}); // with delegator, it detects even an element added dinamically

Тем не менее, вы должны быть в состоянии обнаружить изменения для новых и старых элементов

Answer 3

Как насчет условного связывателя событий?Что-то вроде:

var changeHandler = function (method) {
    alert(method);
};
if ($('select option').length > 1) {
    $('select').change(function() {
        changeHandler('change');
    });
} else {
    $('select').click(function() {
        changeHandler('click');
    });
}

Answer 4

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

Answer 5

<label for="checkboxThatUsedToBeASelect">
    <input type="checkbox" id="checkboxThatUsedToBeASelect" name="checkboxThatUsedToBeASelect"  value="something" />
</label>

$('#checkboxThatUsedToBeASelect').change( function(){

});

Теперь у вас есть более удобный ввод, и он будет запускать изменения, когда он отмечен или не отмечен. : D

Answer 6

Событие onchange наступает при изменении внутреннего состояния элемента.Поскольку у вас есть выпадающий список с уникальным значением, его состояние никогда не изменяется, поэтому событие не вызывается.