JavaScript, браузер, изометрия...

Никто сабжем не баловался? Готовых библиотек нет под это дело, чтобы велосипед не писать?

// Транслировано с
http://www.linux.org.ru/forum/web-development/5930732

Добрый день.

Когда-то делал одну программку для просмотра содержимого неких баз данных с возможностью фильтрации.
Она кривенько, но работала.
"Кривенько" в том смысле, что после выбора пунктов в выпадающих меню Select результаты выбора не становились активными, пока не обновишь страницу. То есть, я выбирал пункты, нажимал F5, после чего соответствующие переменные меняли значения на вновь выбранные, и все работало.
Но, как оказалось, это так работало только в Файерфоксе, а в других браузерах не работает. В них переменные после нажатия F5 не меняют значения.
Что здесь можно поправить, чтобы после каждого нового выбора в меню соответствующая переменная тут же меняла свое значение?
P.S. Не удивляйтесь глупым вопросам. я не программист и программы пишу редко. )

<P>
Select if you want

<select id="WDiameter">
			<option value = "999" selected>All Diam.</option>
 			<option value = "003">0,03 mm</option>
			<option value = "005">0,05 mm</option>
			<option value = "007">0,07 mm</option>
			<option value = "008">0,08 mm</option>
			<option value = "010">0,10 mm</option>
			<option value = "015">0,15 mm</option>
			<option value = "020">0,20 mm</option>
			<option value = "025">0,25 mm</option>
			<option value = "030">0,30 mm</option>
			</select>

<select id="Material">
			<option value = "999" selected>All Materials</option>
 			<option value = "0">Steel</option>
			<option value = "1">Cu</option>
			<option value = "2">WC</option>
			<option value = "3">Al</option>
			<option value = "4">Gr ED3</option>
			<option value = "5">Gr ISO63</option>
			<option value = "6">NAK</option>
			<option value = "7">SUS</option>
			<option value = "8">CuW</option>			
			</select>

<select id="Cuts">
			<option value = "999" selected>All Cuts</option>
 			<option value = "1">1</option>
			<option value = "2">2</option>
			<option value = "3">3</option>
			<option value = "4">4</option>
			<option value = "5">5</option>
			<option value = "6">6</option>
			<option value = "7">7</option>
			<option value = "8">8</option>
			<option value = "9">9</option>
			<option value = "10">10</option>
			<option value = "11">11</option>
			<option value = "12">12</option>

			</select>

then press F5 or reload.

<P>

<script>

// Передача переменных из html в js

var sDiameter = document.getElementById("WDiameter"); 
var Diameter = sDiameter.options[sDiameter.selectedIndex].value;

var sMaterial = document.getElementById("Material"); 
var Material = sMaterial.options[sMaterial.selectedIndex].value;

var sCuts = document.getElementById("Cuts"); 
var Cut = sCuts.options[sCuts.selectedIndex].value;

document.write(Diameter, " ", Material , " ", Cut ); 

</script>