Ich muss das DropDown-Element (HTML-Auswahlelement) zunächst erweitert anzeigen, wenn es geladen wird, so dass alle Optionen im DropDown-Element angezeigt werden. Ich habe ziemlich viel gesucht, aber überraschenderweise habe ich keine Antwort auf ein so einfaches Problem gefunden. Ich verwende ASP.NET MVC mit Jquery.
Hier ist ein kleines Mashup (das noch überarbeitet und optimiert werden muss), das Ihnen den Einstieg erleichtern soll:
<div style="position:relative">
<select style="position: absolute">
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
</select>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("select").one("focus", function() {
this.size = this.options.length;
}).one("click", function() {
this.size = 1;
}).one("blur", function() {
this.size = this.options.length;
}).focus();
});
</script>
Danke für die Lösung. Die Lösung funktioniert, aber ich muss die Größe wieder auf Mausklick irgendwo anders einstellen. Aber ich kann das leicht hinzufügen.
Sie könnten Ihre HTML wie diese
<html>
<select id="abc">
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
</select>
</html>Unten, ist die JAVASCRIPT Funktion, die sich automatisch erweitert.
<script type="text/javascript">
$(document).ready(function() {
var dropdown = document.getElementById("abc");
var event;
event = document.createEvent('MouseEvents');
event.initMouseEvent('mousedown', true, true, window);
dropdown.dispatchEvent(event);
});
</script>Sie könnten in Ihren HTML-Code schreiben:
<select size="3" name="test" id="test">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>und dann über Javascript einen Timer setzen, der nach einer gewissen Zeit das Attribut "Größe der Auswahlbox" auf 1 ändert. Zum Beispiel am Ende Ihrer Seite (vor dem Body-Tag) platzieren Sie diesen Code:
<script type="text/javascript">
window.setTimeout(function() { document.getElementById('test').size = 1; }, 5000); //5000 = 5 seconds
</script> CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.
0 Stimmen
Nicht-direkte Lösungen: 1) die erste Option schreit "Wählen Sie Ihr Land " oder ähnliches; 2) Optionsfelder verwenden.