extravert,
Вариант...через селекторы
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled</title>
<script>
window.onload = function () {
var data = {
'time': ['30 мин.', '60 мин.', '120 мин.'],
'sum': [1000, 2000, 4000]
},
men = {
'number': ['5 чел.', '10 чел.', '15 чел.', '20 чел.'],
'ratio': [1, .9, .75, .6]
}
function set_select(name, arr_text, arr_val) {
var select = document.getElementsByName(name)[0];
select.options.length = 0;
for (var k = 0; k < arr_val.length; k++) {
select.options[k] = new Option(arr_text[k], arr_val[k]);
}
}
var t = document.getElementsByName('time')[0],
m = document.getElementsByName('men')[0];
function change_select() {
document.getElementsByTagName('span')[0].innerHTML = t.value * m.value + " руб."
}
set_select('time', data['time'], data['sum'])
set_select('men', men['number'], men['ratio'])
change_select()
t.addEventListener('change', change_select);
m.addEventListener('change', change_select);
}
</script>
</head>
<body>
<select name="time">
</select>
<select name="men">
</select>
<span></span>
</body>
</html>