Цитата:
|
объясните нам всем неразумным, как раскрыть 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>