Как выбрать элемент с динамечески создаваемого селекта по value?

Question

[VitaliySm]

console.log(sel_make)
    $("#make_container [value='" + sel_make + "']").attr("selected", "selected");
    console.log($('#make_container option:selected').val())
    console.log('-------')

есть вот такой код, в консоле он работает, но в так не хочет, в чем ошибка?

Answer 1

[Serdji]

При каком событие вы пытаетесь его переловить ?

JS работает со структурой DOM, в начале загружается DOM потом работает JS, так что если Вы создали какой то объект динамический, его по факту не было в DOM при загрузки, по этому вы и не можете к нему подключиться.

Выход есть, нужно делать делегирование события.

Comments

[VitaliySm]

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

[Serdji]

VitaliySm: Если объяснить в двух словах делегирование события - это когда мы отлавливаем событие на родителе. Оно нужно как раз тогда, когда создаешь динамический объекты. JQuery методы для делегирование .bind() и .on(), по семантики написания они похожи, но я советую пользоваться .on() он более современный. По подробней можно посмотреть тут jquery.page2page.ru/index.php5/On