PHP:
скопировать код в буфер обмена
скопировать код в буфер обмена
- <head>
- <title>Связанные списки</title>
- <script type="text/javascript">
- // Данные, как бы из базы, сформированные на стороне сервера.
- // Обычно находятся в подключаемом JavaScript файле.
- var colorsArray = {
- BentleyAzure : {red:"Красный",green:"Зеленый"},
- ChevroletCorvette : {black:"Черный",blue:"Синий"},
- FerrariEnzo : {green:"Зеленый",black:"Черный",yellow:"Желтый"}
- }
- // Функция, заполняющая список цветами доступными для выбранной модели.
- function getColors(_this){
- var colors = colorsArray[_this.value];
- var _select = document.getElementById("colors");
- _select.innerHTML = ""; // Удаляем всех потомков.
- for(var i in colors){ // Добавляем доступные цвета.
- var option = document.createElement("option");
- var optionText = document.createTextNode(colors[i]);
- option.appendChild(optionText);
- option.setAttribute("value",i);
- _select.appendChild(option);
- }
- // Делаем список цветов видимым.
- _select.style.display="inline";
- }
- </script>
- </head>
- <body>
- <form action="#" method="get">
- Модели
- <select id="models" name="models" onchange="getColors(this)">
- <option value="BentleyAzure">Bentley Azure</option>
- <option value="ChevroletCorvette">Chevrolet Corvette</option>
- <option value="FerrariEnzo">Ferrari Enzo</option>
- </select>
- <br/>
- Цвета
- <select id="colors" name="colors"></select>
- <br/>
- <input type="submit" value="Выбрать" />
- </form>
- </body>