Форум

deemanr · #1 (**permalink**) 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 · #2 (**permalink**) 10.06.2010, 14:28

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

deemanr · #3 (**permalink**) 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 · #4 (**permalink**) 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 · #5 (**permalink**) 10.06.2010, 14:53

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

рони · #6 (**permalink**) 10.06.2010, 15:18

интересно так работает без value в option )))

Skipp · #7 (**permalink**) 10.06.2010, 15:21

рони,
Можно через innerHTML

рони · #8 (**permalink**) 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 · #9 (**permalink**) 10.06.2010, 15:30

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

Skipp · #10 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript