Не получается получить значение опции динамически заполняемого списка select

[Sserg-135]

Бьюсь несколько дней не могу понять:

Есть скрипт на JS которым наполняю список <select> при загрузке страницы

document.getElementById(Id).options[num_option]=new Option(result[i]['Model'],result[i]['code_model'],false,false);

где result  это массив который заполняется из Mysql  с помощью AJAX

Далее через Jquery выбираю опцию которую делаю выбранной:

$("#"+Id+" :contains("+model+")").attr("selected", "selected");$("#"+Id+" :contains("+model+")").prop("selected", true);

Где model это переменная с текстовым значением  выбранной опции ( Хотя это не принципиально т.к. при выборе установки по значению value все то-же самое о чем пойдет речь ниже).

Так вот суть трабла:  мне нужно узнать  значение выбранной опции списка и передать его  в функцию которая исполняется после установки данного селекта:

 

document.getElementById('Id').value  –  мне всегда возвращает значение первой опции как и $('#Id’ option:selected').val(), хотя сам список благополучно заполняется и стоит на правильно выбранной опции.

Причем если я перед этим напишу alert(‘xxx’), т.е.  alert(‘xxx’);  document.getElementById('Id').value  то получаю правильное значение выбранной опции. Такое впечатление что нет готовности установки селекта.

Хотя если подобный список сформировать например силами PHP т.е. не динамически то все опции определяются правильно.

Для чего мне это нужно – чтобы установить  взаимосвязанные списки на значение полученное из переменной URL.

Я конечно могу передать в ту функцию значение непосредственно из URL,  НО: 1) хочется разобраться что за хрень : ))) и 2)  для установки цепочки взаимосвязанных селектов и событий, красивее и удобнее в программировании использовать обращение через значения самих селектов.

Кстати попытки дождаться готовности событий типа

$(document).ready(function () {document.getElementById('Id').valueИ здесь  считывать значения селектов});$(windows).load(function () {document.getElementById('Id').valueИ здесь  считывать значения селектов});

Приводят к тому-же результату- т.е  селект как-бы «все еще на первой опции»

 

Вот собственно )

Что я делаю неправильно? Помогите пожалуйста

 

 

[Q4Dizzy]

А не пробовали использовать change ?

Edited October 15, 2014 by Q4Dizzy

[Sserg-135]

В смысле при помощи change устанавливать на нужную опцию?  а так разве можно?

[Q4Dizzy]

Так вот суть трабла: мне нужно узнать значение выбранной опции списка и передать его в функцию которая исполняется после установки данного селекта:

http://jsfiddle.net/drmcragf

А по поводу готовности документа.. Если данные поступают динамически, то лучше вместо ready или load - использовать on.

Вот вариант с тем же добавлением динамически..

http://jsfiddle.net/drmcragf/1/

 

Или вот.. выбрали вы заранее какой то элемент. Элемент выбрать можно разными способами (Допустим с тем же :contains + при совпадении получаем индекс этого элемента). Далее просто инициализируем change функцию при готовности документа..

 

http://jsfiddle.net/drmcragf/2/

 

Если я не правильно понял суть задачи, то прошу уточнить.

Edited October 16, 2014 by Q4Dizzy

[Sserg-135]

суть в том, что у меня не получается определить значение (опцию) динамически наполняемого селекта к моменту  (или во время)  загрузки страницы. Т.е. скрипты, которые исполняются во время загрузки страницы не могут еще получить состояние селекта ( т.е. он для них еще стоит на нулевой опции). Но визуально , когда страница уже отображается браузером, то я вижу что селект стоит на выбранной ("правильной" ) опции. Получается что когда происходит событие готовности документа, то селект просто существует, но не установлен на нужную опцию. Хотя функция которая заполняет селект и  устанавливает его на нужную опцию  по идее уже отработала ( я ее вызываю перед тем как считывать состояние селекта)

[Q4Dizzy]

Можете свой код на 

http://jsfiddle.net/

выложить?

 

Или свяжитесь по скайпу со мной.

[Yazon_Nile]

$('#Id [selected="selected"]').attr('value');