Форумы портала PHP.SU

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>
 