hallo!
mir war gerade ein wenig "fad":
Code:
<html><head><title></title></head>
<body>
<form action="" method="get">
<input id="combo1" type="text" style="width:150px" /><span onclick="document.getElementById('combo1_options').style.display='block'" style="cursor:pointer">V</span>
<div id="combo1_options" style="display:none;width:150px;padding:5px;border:1px solid black;overflow:auto">
<span onclick="document.getElementById('combo1').value='auswahl 1';document.getElementById('combo1_options').style.display='none'" style="cursor:pointer">auswahl 1</span>
<span onclick="document.getElementById('combo1').value='auswahl 2';document.getElementById('combo1_options').style.display='none'" style="cursor:pointer">auswahl 2</span>
<span onclick="document.getElementById('combo1').value='auswahl 3';document.getElementById('combo1_options').style.display='none'" style="cursor:pointer">auswahl 3</span>
<span onclick="document.getElementById('combo1').value='auswahl 4';document.getElementById('combo1_options').style.display='none'" style="cursor:pointer">auswahl 4</span>
</div>
</form>
text danach...</p>
</body>
</html>
ist nur eine einfache, unsauber codierte aber funktionierende lösung... mit ein paar verbesserungen sieht es sicher gleich noch viel besser aus! ;) :D