Показать сообщение отдельно
  #17 (permalink)  
Старый 23.05.2013, 12:32
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

эх студенты, студенты.. а подумать??)) не вариант?))
вот наваял:
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Добавление и удаление элементов из списков</title>
		
		<style type="text/css">
		#list
		{
		width: 300px;
		height: 120px;
		}
		
		#name1
		{
		width: 250px;
		}
		</style>
		
		<script type="text/javascript">
var name1, chek_m, chek_w, list, numb = 0;
var cache_name = new Array();

function bodyOnLoad()
	{
	name1 = document.getElementById('name1');
	chek_m = document.getElementById('chek_m');
	chek_w = document.getElementById('chek_w');
	list = document.getElementById('list');
	}

function add()
	{
	if (name1.value == '')
		{
		alert('Назовите свое имя!');
		return;
		}
	
	if (!chek_m.checked && !chek_w.checked)
		{
		alert('Выберите пол!');
		return;
		}
	
	for (var i = 0; i < cache_name.length; i++)
		if (cache_name[i] == name1.value)
			{
			alert('Человек с таким именем уже есть!');
			return;
			}
	
	var pol = 'пол: ' + (chek_m.checked ? 'мужской. ' : 'женский. ');
	var name = 'имя: ' + name1.value;
	cache_name.push(name1.value);
	
	list.innerHTML += '<option value="' + numb + '">' + pol + name + '</option>'; 
	
	numb++;
	name1.value = '';
	chek_m.checked = false;
	chek_w.checked = false;
	}

function del()
	{
	list.children[list.value].outerHTML = '';
	}
		</script>
	</head>
	
	<body onload="bodyOnLoad();">
	<div>Введите имя</div>
	<div>
		<input id="name1" value= "">
	</div>
	
	<div>
		<div><input type="radio" name="radio1" id="chek_m">муж.</div>
		<div><input type="radio" name="radio1" id="chek_w">жен.</div>
	</div>
	
	<div>
		<input type="button" value="добавить" onclick="add();">
		<input type="button" value="удалить" onclick="del();">
	</div>
	
	<div>
		<div>Список</div>
		<select size="5" id="list"></<select>
	</div>
	</body>
</html>
Ответить с цитированием