|
Вывод значений в зависимости от Select
Здравствуйте. Подскажите как можно реализовать данную вещь:
Имеются две формы select
<div id="1">
<select>
<option value="1">Красный</option>
<option value="2"> Синий</option>
<option value="3">Жёлтый</option>
<option value="4">Белый</option>
</select>
</div>
<div id="2">
<select>
<option value="5">Зелёный</option>
<option value="6">Чёрный</option>
<option value="7">Голубой</option>
<option value="8">Оранжевый</option>
</select>
И соответственно есть набор переменных - цветов, получившихся в результате смешивания. При выборе двух значений в select выводится через output результат. Спасибо! |
ElAxander,
в чём проблема и какой результат и куда нужен? |
Как обработать два значения select'ов и в зависимости от их комбинации вывести значение одной из переменных, определённых зараннее
|
Идея в том, что сначала нужно создать массив с объектами.
Потом узнать значения от select'ов и получить нужный цвет по индексам. Пример как в алерте. То есть первый индекс у алерта, это значение первого select, а второй индекс - это значение второго select. В результате возвращается нужный color.
var obj = [
{'5':'color1', '6':'color2', '7':'color3', '8':'color4'},
{'5':'color5', '6':'color6', '7':'color7', '8':'color8'},
{'5':'color9', '6':'color10', '7':'color11', '8':'color12'},
{'5':'color13', '6':'color14', '7':'color15', '8':'color16'}
];
alert(obj[1]['5']);
|
:write: может обьект с обьектами, чтобы не зависеть от индекса ?...
|
Ну... вообще-то да, лучше если объект с объектами :)
|
Здравствуйте, подскажите пожалуйста как вывести href (значения - value) в отдельный div блок?
<select id="proso"> <option value="" title="">по умолчанию</option> <option value="http://test1.ru/" title="">просмотр №1</option> <option value="http://test2.ru/" title="">просмотр №2</option> <option value="http://test3.ru/" title="">просмотр №3</option> </select> <div id="proso"><a>тут ссылка от выбранного value</a></div> |
Александр83,
Прежде всего, id должен быть уникальным
<select id="proso">
<option value="" title="">по умолчанию</option>
<option value="http://test1.ru/" title="">просмотр №1</option>
<option value="http://test2.ru/" title="">просмотр №2</option>
<option value="http://test3.ru/" title="">просмотр №3</option>
</select>
<div id="proso1"><a>тут ссылка от выбранного value</a></div>
<script>
document.querySelector('#proso').onchange = function() {
document.querySelector('#proso1 a').setAttribute('href',this.value);
}
</script>
|
Спасибо! очень помогли,
Dilettante_Pro, подскажите еще пожалуйста, при значении value "0" <option value="0" title="">по умолчанию</option> убрать надпись тут ссылка от выбранного value <div id="proso1"><a>тут ссылка от выбранного value</a></div> заранее очень благодарен! |
<select id="proso">
<option value="0" title="">по умолчанию</option>
<option value="http://test1.ru/" title="">просмотр №1</option>
<option value="http://test2.ru/" title="">просмотр №2</option>
<option value="http://test3.ru/" title="">просмотр №3</option>
</select>
<div id="proso1"><a></a></div>
<script>
document.querySelector('#proso').onchange = function() {
var a = document.querySelector('#proso1 a');
a.href=this.value;
a.textContent=this.value!='0'?'тут ссылка от выбранного value':'';
};
</script>
|
| Часовой пояс GMT +3, время: 05:10. |
|