Вывод значений в зависимости от Select

[ElAxander]

Здравствуйте. Подскажите как можно реализовать данную вещь:
Имеются две формы 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,
в чём проблема и какой результат и куда нужен?

[ElAxander]

Как обработать два значения select'ов и в зависимости от их комбинации вывести значение одной из переменных, определённых зараннее

[void()]

Идея в том, что сначала нужно создать массив с объектами.
Потом узнать значения от 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']);

[рони]

может обьект с обьектами, чтобы не зависеть от индекса ?...

[void()]

Ну... вообще-то да, лучше если объект с объектами

[Александр83]

Здравствуйте, подскажите пожалуйста как вывести 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>

[Dilettante_Pro]

Александр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>

[Александр83]

Спасибо! очень помогли,
Dilettante_Pro,
подскажите еще пожалуйста, при значении value "0"

<option value="0" title="">по умолчанию</option>

убрать надпись тут ссылка от выбранного value

<div id="proso1"><a>тут ссылка от выбранного value</a></div>

заранее очень благодарен!

[j0hnik]

<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>