Versuche, ob dies das ist, was Du dir vorstellst:
Code
<select id="dynselect" size="1">
<option>Zeile1</option>
<option>Zeile2</option>
<option>Zeile3</option>
<option>Zeile4</option>
<option>Zeile5</option>
<option>Zeile6</option>
<option>Zeile7</option>
<option>Zeile8</option>
<option>Zeile9</option>
<option>Zeile10</option>
<option>Zeile11</option>
<option>Zeile13</option>
<option>Zeile14</option>
<option>Zeile15</option>
<option>Zeile16</option>
<option>Zeile17</option>
<option>Zeile18</option>
<option>Zeile19</option>
<option>Zeile20</option>
<option>Zeile21</option>
<option>Zeile22</option>
<option>Zeile23</option>
<option>Zeile24</option>
<option>Zeile25</option>
<option>Zeile26</option>
</select>
<script>
document.getElementById("dynselect").addEventListener("mousedown", function () {
this.size = "10";
});
var opts = document.querySelectorAll("#dynselect option");
for (var i = 0; i < opts.length; i++) {
opts[i].addEventListener("mousedown", function () {
document.getElementById("dynselect").size = "1";
event.stopPropagation();
});
}
</script>
Alles anzeigen