Статья:
http://www.tigir.com/javascript_select.htm и скрипт оттуда:
<html>
<head>
<title>Связанные селекты</title>
<!-- Подключаем javascript-библиотеку функций -->
<script type="text/javascript" src="http://www.tigir.com/js/linkedselect.js"></script>
</head>
<body>
<!-- Первый (главный) список (изначально заполнен вручную) -->
<select size="4" id="List1">
<option value="ie"> Internet Explorer </option>
<option value="safari"> Safari </option>
</select>
<!-- Подчиненный список 1 (изначально пуст) -->
<select size="4" id="List2"></select>
<!-- Подчиненный список 2 (изначально пуст) -->
<select size="4" id="List3"></select>
<script type="text/javascript">
// Создаем новый объект связанных списков
var syncList1 = new syncList;
// Определяем значения подчиненных списков (2 и 3 селектов)
syncList1.dataList = {
/* Определяем элементы второго списка в зависимости
от выбранного значения в первом списке */
'ie':{
'ie_win':'Windows',
'ie_mac':'Mac'
},
'safari':{
'safari_mac':'Mac'
},
/* Определяем элементы третьего списка в зависимости
от выбранного значения во втором списке */
'ie_win':{
'ie_win_5':'версия 5',
'ie_win_6':'версия 6'
},
'ie_mac':{
'ie_mac_5':'версия 5'
},
'safari_mac':{
'safari_mac_1':'версия 1',
'safari_mac_2':'версия 2'
}
};
// Включаем синхронизацию связанных списков
syncList1.sync("List1","List2","List3");
</script>
</body>
</html>
Проблема: скрипт не работает, если его подключить аяксом, даже если вытащить весь код с
http://www.tigir.com/js/linkedselect.js и вставить в подгружаемый файл. Работает только при перезагрузке страницы, а при аяксе ноль реакции, полагаю, конструктор (или что-то такое
) не определяется:
var syncList1 = new syncList;
Почему не работает при аяксе и как это исправить?
p.s.: подключаю (вернее происходит некий релоад страницы аяксом на связанные селекты) весь код, который приведен выше.