Пишу сейчас простенький калькулятор. Задача следующая есть несколько текстовых инпутов, есть несколько select-ов из оных считать информацию провести необходимые арифметические операции и выдать результат. Собствено HTML код:
<form id="form2" action="#">
<div>srv: <input type="text" id="srv" value="0" /></div>
<div>pc: <input type="text" id="pc" value="0" /></div>
<div>
plan:
<select name="plan" id="plan">
<option selected value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div>tek:
<select name="tek">
<option selected value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div>extr:
<select name="extr">
<option selected value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<input type="button" value="Сумма" onclick="myfunc2()" />
<div>Общая сумма: <input type="text" id="summary" value="0" /></div>в Всё это должен считать js-скрипт, но к сожалению затык происходит на этапе получения selectedIndex у Select. Вот урезанный код, без арифметики:
var server = new Array(350,270,200);
var pc = new Array(120, 100, 80, 50);
var vzv = new Array (200,180,200);
function myfunc2() {
var srv = document.getElementById(\'srv\');
var pcs = document.getElementById(\'pc\');
var plan = document.getElementsByName(\'plan\');
var tek = document.getElementsByName(\'tek\');
var extr = document.getElementsByName(\'extr\');
var summary = document.getElementById(\'summary\');
var sumsrv = 0;
var sumpc = 0;
var sumplan =0;
var sumtek =0;
var sumextr =0;
var summ = 0;
alert(plan.selectedIndex);
}
Мне постоянно выдается на selectedIndex undefined значение. что делать? Может я неправильно пользую функцию? Как правильно?