Может отключить поле выбора, но не может выбрать первого ребенка с похожим кодом

Question

У меня есть поле со списком, которое я отключаю, когда пользователь нажимает на флажок с этим:

$(this).parent().next('td').children('.xyz').attr("disabled", true);

Я также хотел бы сбросить тот же список, чтобы отобразить первое значение в списке, используя это:

$(this).parent().next('td').children('.xyz option:first-child').attr("selected", "selected");

К сожалению, это не работает, что я делаю не так?

Answer 1

Выбор с помощью JavaScript немного отличается.Будет легче использовать этот плагин из этого обсуждения :

/**
 * Select/deselect any matching checkboxes, radio buttons or option elements.
 */
$.fn.selected = function(select) {
    if (select == undefined) select = true;
    return this.each(function() {
        var t = this.type;
        if (t == 'checkbox' || t == 'radio')
            this.checked = select;
        else if (this.tagName.toLowerCase() == 'option') {
            var $sel = $(this).parent('select');
            if (select && $sel[0] && $sel[0].type == 'select-one') {
                // deselect all other options
                $sel.find('option').selected(false);
            }
            this.selected = select;
        }
    });
};

и

$(this).parent().next('td').children('.xyz option:first-child').selected(true);