Каскадные поля выбора — Jquery

Возникла проблема с динамически заполняемыми полями выбора с использованием jQuery.

По сути, мой код вызывает php-скрипт, который заполняет поле выбора (utilityMainChart). Допустим, он возвращает два параметра для окна выбора утилиты MainChart. Я хочу, чтобы следующее поле выбора (параметрMainChart) было заполнено параметрами для того параметра, который находится первым в поле выбора утилитыMainChart.

Как и сейчас, поля выбора изначально заполняются правильно, но строка var building = $('#utilityMainChart').val(); никогда не возвращает значение поля выбора. Это означает, что любое изменение в поле выбора приводит к тому, что поля под ним становятся пустыми, поскольку никакое значение не принимается.

Мой код для javascript показан ниже:

var data = "1" + "_" + building + "_";
var url = "/charts/data/utilityManagerMenuPopulate.php?data=" + data;
$('#utilityMainChart').load(url);

var building = $('#utilityMainChart').val();
var data = "2" + "_" + building + "_" + utility;
var url = "/charts/data/utilityManagerMenuPopulate.php?data=" + data;
$('#parameterMainChart').load(url);

Мой php-код возвращает данные в виде:

<select id="utilityMainChart" name="utilityMainChart">
    <option selected value=1>Electricity</option>
    <option value=3>Water</option>
</select>

Любой совет был бы потрясающим. Я играю с этим часами и просто не могу заставить его работать


javascript php jquery select cascadingdropdown
person bpmccain    schedule 18.02.2011    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Попробуйте изменить

var building = $('#utilityMainChart').val();

to

var building = $('#utilityMainChart :selected').val();

РЕДАКТИРОВАТЬ: Ваш #utilityMainChart не является уникальным идентификатором, он есть как в выборе, так и в выборе, содержащем div. Таким образом, когда вы запускаете приведенный выше код, он получает div. Если вы попробуете это, это поможет.

var building = $('select#utilityMainChart').val();
person Nalum    schedule 18.02.2011
comment
Только что попробовал, и теперь вместо того, чтобы возвращаемое значение было пустым, оно возвращает его как неопределенное. Не знаю, прогресс это или нет! - person bpmccain; 18.02.2011
comment
можно ссылку на страницу? мог бы лучше помочь, если бы я мог пройти через это. - person Nalum; 18.02.2011
comment
это раскрывающиеся списки в нижней части страницы над диаграммой (в настоящее время в режиме отладки) - person bpmccain; 18.02.2011
comment
Изменил идентификаторы моих полей выбора, но я все еще получаю неопределенное значение в качестве возвращаемого значения. Спасибо хоть. - person bpmccain; 18.02.2011
comment
Теперь, когда я запускаю $('select#utilityMainChartSelect').val() на вашей странице, я получаю либо номер 3, либо номер 1, в зависимости от того, какой параметр установлен в раскрывающемся списке. - person Nalum; 18.02.2011
comment
Ты прав. Я сначала не видел. Потрясающий. Спасибо еще раз - person bpmccain; 18.02.2011