подсчет значений select'ов

choppylion · March 19, 2011

Всем привет. Тут возникла проблемка.

Есть несколько меню, в каждом из которых n-ное количество опций. И у каждой опции свой value.

Необходимо, чтобы при выборе какой-либо опции на экране сразу же подсчитывалась сумма значение всех меню.

Я в джаве слабоват, но подскажите, пожалуйста, как осуществить это.

Вот наброски:

Так будет подсчитывать:

<select id="s1" class="makeMeFancy1">
 <option value="2177">BSD WZA</option>
 <option value="2132">BSD Trailorpark</option>
 <option value="2130">BSD Forever</option>
</select>
<script>s = s + value</script>

А вот так сюда будет выводиться сумма:

<a>Общий вес:</a><script>document.write(s+"gr")</script>

Понимаю, что так не работает, но примерно показал, как должно быть.

Заранее спасибо!

psywalker · March 19, 2011

Вот лови дружище. Из этого примера думаю будет понятно, что к чему

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Селекты - Вузы</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
	select { float: left; margin-right: 30px;}
</style>
</head>

<body>
<div id="wrap">
	<select onchange="creat()" id="sel1">
		<option value="">Выбрать город</option>

		<option value="1">Москва</option>
		<option value="2">Питер</option>
		<option value="3">Самара</option>
	</select>
	<select onchange="selector()" id="sel2">
		<option value="">Выбрать Свойство</option>
	</select>

</div>
<script type="text/javascript">
	var selected1 = document.getElementById('sel1');
	var selected2 = document.getElementById('sel2');
	var div = document.getElementById('wrap');
	var op = selected1.options;
	var op2 = selected2.options;
	op[0].setAttribute('selected','selected');
	selected2.style.display = 'none';
	var number = 1;
	var choice = [];
	var address = [];
	address[0] = [];
	address[1] = [
		'http://htmlbook.ru/css/border-bottom',
		'http://htmlbook.ru/css/border-bottom-color',
		'http://htmlbook.ru/css/border-color',
		'http://htmlbook.ru/css/border-left-width'
	]
	address[2] = [
		'http://htmlbook.ru/css/clear',
		'http://htmlbook.ru/css/float',
		'http://htmlbook.ru/css/font-family',
		'http://htmlbook.ru/css/font-size'
	]
	address[3] = [
		'http://htmlbook.ru/css/list-style-image',
		'http://htmlbook.ru/css/margin',
		'http://htmlbook.ru/css/min-height',
		'http://htmlbook.ru/css/padding-left'
	]
	choice[0] = ['Выбрать вуз'];
	choice[1] = [
		'border-bottom',
		'border-bottom-color',
		'border-color',
		'border-left-width'
	]
	choice[2] = [
		'clear',
		'float',
		'font-family',
		'font-size'
	]
	choice[3] = [
		'list-style-image',
		'margin',
		'min-height',
		'padding-left'
	]
	function creat(){
		var n = selected1.selectedIndex;
		number = n;
		var value = op[n].value
		selected2.style.display = 'block';

		for(var i = op2.length-1;i>=1;i--){
			op2[i].parentNode.removeChild(op2[i])
		}
		for(var i=0;i<address[n].length;i++){
			var option = document.createElement('option');
			option.setAttribute('value',address[n][i]);
			option.innerHTML = choice[n][i];
			selected2.appendChild(option);
		}
		op2[0].setAttribute('selected','selected');
	}
	function selector(){
		var n = selected2.selectedIndex;
		document.location = address[number][n];
	}
</script>
</body>
</html>

choppylion · March 19, 2011

Спасибо! Сейчас опробуем.

Вот только не понял, как пример связано с моей задачей)

Edited March 19, 2011 by choppylion

Синдром · March 19, 2011

Можно навесить обработчики onchange на каждый из селектов при срабатывании которого проходил бы цикл всех их, с подсчетом всех выбранных значений и выводом их на страницу, надеюсь понятно объяснил Собственно в чем суть примера приведенного psywalker-ом

Edited March 19, 2011 by Синдром

psywalker · March 19, 2011

Спасибо! Сейчас опробуем.
Вот только не понял, как пример связано с моей задачей)

Дык ты не пример смотри весь, а только то, что тебе нужно Так также из value берётся значение. Вот эту часть и разбирай.

Sign In

подсчет значений select'ов

Question

choppylion

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

choppylion

Link to comment

Share on other sites

Синдром

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information