Показать сообщение отдельно
  #17 (permalink)  
Старый 01.09.2010, 06:08
Аватар для float
Профессор
Отправить личное сообщение для float Посмотреть профиль Найти все сообщения от float
 
Регистрация: 01.07.2010
Сообщений: 387

Цитата:
объясните нам всем неразумным, как раскрыть select по клику на input, средствами css?
Озадачил блин.
Ну пусть не только css...

вот набросал... перед сном))

<!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=windows-1251" />
	<title></title>
	<style>
		input {border: 1px solid #000; width: 300px;}
		select {width: 300px; display: none;}
	</style>
	</head>
<body>

<form>
<input id="put" type="text" onclick="show()" onblur="show()" /><br />
<select size="5" id="inp">
	<option>1</option>
	<option>2</option>
	<option>3</option>
</select>
</form>

<script>
	function show() {
		document.getElementById('inp').style.display = (document.getElementById('inp').style.display == 'block')?'none':'block';
		try {document.getElementById('put').value = document.getElementById('inp').options[document.getElementById('inp').selectedIndex].text;} catch(e){}
	}
</script>

</body>
</html>

Последний раз редактировалось float, 01.09.2010 в 06:10.
Ответить с цитированием