Как сделать выбор двоих элементов с разных select JS ?

Question

[nickdembovsky]

Есть два селекта, с каждого нужно выбрать по одному элементу и задать условие через if (JS) и в зависимости от выбранных элементов делать какое-то действие. У меня оно выглядит так, но код не работает(

HTML
<select id="col" name="color"  OnChange='probaalert()'>
		<option  id="black" value="black" selected="">Black </option>
		<option id="white" value="white">White </option>
</select>
<select id="size" name="size">
		<option id="sm" value="sm">20 x 20 </option>
		<option value="rect" selected="">20 x 28 </option>
                <option value="med">32 x 32 </option>
                <option value="lg">64 x 64 </option>
</select>

JS
<script>
function probaalert()
{	
	var size;
	var o;
size = document.getElementById("size"); 
o = document.getElementById("col");
if((o.value == "black")&&(size.value == "sm")){
alert('Выбран sm');
}
	
}
</script>

Answer 1

[Евгений Петров]

jsfiddle.net/petroveg/hbdssk3e

Update: По просьбе автора единственный раз к нам в гости приехал цирк codepen.io/cleric/pen/lxqIu

Comments

[nickdembovsky]

спасибо БОЛЬШОЕ, а можно это реализовать на чистом JS без JQ?

[Евгений Петров]

@nickdembovsky можно, но вам зачем?
Я умею писать на чистом JS, но использую библиотеки, а вы не умеете, но использовать не хотите. Проблема у вас возникнет на первом же шаге при отслеживании события DOMContentLoaded, которого нет в IE 8.

В общем, вы занимаетесь ерундой. Вот вам код, чтобы вы осознали, какой велосипед пытаетесь писать и какой объём кода вам грозит . Варианты с инлайн-атрибутами я даже не рассматриваю, ибо такая практика говнокода приведёт в тупик.

codepen.io/cleric/pen/lxqIu

[nickdembovsky]

спасибо БОЛЬШОЕ!!!!! Я не против jquery, я только за, но мой работодатель требует чистого JavaScript-a....

[nickdembovsky]

огромное спасибо за помощь!!!!

[Евгений Петров]

@nickdembovsky
Во-первых, зачем? Какую цель преследует? Что-то нужное, или ему нужно, чтобы все вокруг уработались в хлам?
Во-вторых, ваши знания явно далеки от его требований. Он не понимает этого?

Answer 2

[nickdembovsky]

Можно это реализовать на чистом JS без JQuery?