У меня есть следующая скрипка: http://jsfiddle.net/VYbLX/125/
Цель состоит в том, чтобы обновить миниатюру с соответствующим выбором в выпадающем меню. Я пытаюсь реализовать этот фрагмент кода внутри блока Drupal, который будет помещен на определенную страницу.
Страница, на которой он реализован: http://sulzbachercenter.org/fundraisers/give-a-good-night
Чтобы реализовать код, я переписал JS в отдельный файл и назвал его так:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://sulzbachercenter.org/sites/default/files/ggn_js/dyn.js"></script>
Блок может полностью запустить PHP и HTML, так что я знаю, что это не проблема, но у меня нет идей по устранению неполадок. Кто-нибудь может понять, почему этот код не работает в среде Drupal?
Селектор jQuery ищет «#dynSelect», но в поле со списком в форме нет «id».
Вы можете добавить id = «dynSelect» в комбинированный список.
или же
+ Изменить
$('#dynSelect').change(function () {
var val = $('#dynSelect').val();
$('#dynImg').attr("src",pictureList[val]);
});
что-то вроде:
$("select[name='os0']").change(function () {
var val = $("select[name='os0']").val();
$('#dynImg').attr("src",pictureList[val]);
});
Других решений пока нет …