Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помощь не большая,но срочная!:( (https://javascript.ru/forum/misc/9903-pomoshh-ne-bolshaya-no-srochnaya.html)

deemanr 10.06.2010 14:18
Помощь не большая,но срочная!:(
 
Ребят над чтоб результат показывал в окошке на странице..спасибо!!
вот код:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Java</title>
<style type="text/css">
body {
background-color: #FFF;
}
h1,h2 {
font-family: Times New Roman, Times, serif;
font-weight: bold;
}
h1 {
font-size: 3cm;
color: #000;
}
h2 {
font-size: 2cm
color: #CCC
}
</style>
<h1>Java/Css</h1>
</head>
<form>
<select id="mySelect">
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
</select>
<input type="button" onclick="var box = document.getElementById('mySelect'); var year = box.options[box.selectedIndex].value;alert(2010-year)" value="OK">
</form>
<body>
</body>
</html>

Skipp 10.06.2010 14:28
ВЫ смеётесь?
Что это какой результат?
Вы думаете, сейчас набежит толпа и будет разбираться в вашем не отформатированном тексте, что бы понять, что же вам нужно так срочно.
Пишите нормально, пожалуйста.

deemanr 10.06.2010 14:32
<input type="button" onclick="var box = document.getElementById('mySelect'); var year = box.options[box.selectedIndex].value;alert(2010-year)" value="OK">
Чтобы место алерта, возраст показывался на странице..
извините за оформление:(

Sweet 10.06.2010 14:49 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Java</title>
<style type="text/css">
body {
background-color: #FFF;
}
h1,h2 {
font-family: Times New Roman, Times, serif;
font-weight: bold;
}
h1 {
font-size: 3cm;
color: #000;
}
h2 {
font-size: 2cm
color: #CCC
}
</style>
<h1>Java/Css</h1>
</head>
<form>
<select id="mySelect">
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
</select>
<input type="button" onclick="var box = document.getElementById('mySelect'); var year = box.options[box.selectedIndex].value;alert(2010-year)" value="OK">
</form>
<body>
</body>
</html>

Нажимаем "посмотреть" и видим, что при нажати кнопки появляется алерт с возрастом. А вам что надо?

deemanr 10.06.2010 14:53
Мне надо чтоб возраст появлялся не в Алерте, а на самой странице..(допустим в рамке)

рони 10.06.2010 15:18
интересно так работает без value в option )))

Skipp 10.06.2010 15:21
рони,
Можно через innerHTML

рони 10.06.2010 15:26
Цитата:
Сообщение от Skipp
рони,
Можно через innerHTML
гмм наверно ник перепутан мой
я просто хотел сказать что код в ие работать не будет без
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>

а то что вывод можно сделать через innerHTML согласен

Skipp 10.06.2010 15:30
рони,
почему вывод, я говорю что получить можно и по innerHTML

Skipp 10.06.2010 15:38 
<html>
<head>
<script type="text/JavaScript">
function ch(elem)
{
	var aop = elem.getElementsByTagName('option');
	for(var i = 0; i<aop.length; i++)
		if(aop[i].selected)
			alert(aop[i].innerHTML);
}
</script>
</head>
<body>
<select onchange="ch(this)">
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
</select>
</body>
</html>

рони 10.06.2010 15:40
deemanr,

<h1>Java/Css</h1> тоже не на месте
в общем 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Java</title>
<style type="text/css">
body {
background-color: #FFF;
}
h1,h2 {
font-family: Times New Roman, Times, serif;
font-weight: bold;
}
h1 {
font-size: 3cm;
color: #000;
}
h2 {
font-size: 2cm
color: #CCC
}
</style>
</head>
<h1>Java/Css</h1>
<div id="s" ></div>
<form>
<select id="mySelect">
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
</select>
<input type="button" onclick="var box = document.getElementById('mySelect'); var year = box.options[box.selectedIndex].value;document.getElementById('s').innerHTML=(2010-year);" value="OK">
</form>
<body>
</body>
</html>

рони 10.06.2010 15:41
Skipp,
ок


Часовой пояс GMT +3, время: 18:59.