Осмотреть элемент в Chrome, не показывая выбранную опцию

Question

Когда я использую функцию Проверка элемента в Chrome, чтобы просмотреть элемент <select>, для которого я программно установил выбранную опцию, выбранный <option> не показывает selected="selected".Все работает правильно, я просто не могу увидеть , какие параметры выбраны в представлении инспектора.

Это правильное поведение?Похоже, что не только выбранный элемент должен быть обновлен во внутреннем представлении DOM, но и selected="selected" должен быть добавлен также к визуальному представлению.

Вот пример использования нескольких различных способов установкиselected свойство <option>: http://jsfiddle.net/ScTTY/

По сути, я использую варианты этого кода:

    var current = new Date().getFullYear();
    var year1 = this.$("select.year1");
    for (var i=0; i<100; i++) {
        var option = $("<option>",{
            value: current - i,
            text: current - i,
            selected: (i==17 ? "selected" : "")
        });
        year1.append(option);
    }

Однако я использую различные способы установки selected option:

        selected: (i==17 ? true : false)

        if (i==17) option.attr("selected","selected");

        if (i==17) option[0].selected = true;

        if (i==17) option[0].selected = "selected";

Все эти методы создают <select>, содержащее годы с 1912 по 2011 с выбранным 1994 годом.

Answer 1

На вкладке Элементы вы видите свойства стиля справа.Под ящиком стилей находится ящик свойств.Нажмите на выбранную опцию, и свойство укажет, что оно выбрано.

Хотя это хороший вопрос - я ожидаю увидеть его в HTML.Я могу только предложить, что он работает так же в Firebug, поэтому выглядит как стандартное поведение.