Fügen Sie der html-select-Liste ein neues Element hinzu, ohne die Seite zu verlassen. Wie?

Question

Ich habe mich immer gefragt, was der beste Weg ist, ein neues Element zu html-select in einer Website hinzuzufügen. Ja, das mag sich albern anhören, aber es ist ein großes Problem aus Sicht der Benutzerfreundlichkeit. Ich möchte nicht, dass der Benutzer jedes Mal zu einer neuen Seite geführt wird, wenn er einem html-select ein neues Element hinzufügen muss.

Ich mag die Art und Weise, wie Google Reader und Google Mail dieses Problem in den Funktionen "Ordner hinzufügen" und "Etikett hinzufügen" beheben. Ich möchte das nachahmen, aber ich habe keine Ahnung, wie sie das gemacht haben.

Ich benutze jQuery, so dass jeder Hinweis auf Plugins, Codebeispiele oder Tutorials willkommen sind. Ich möchte, dass es so modular wie möglich ist, so dass ich es überall wiederverwenden kann.

Ich benutze ASP.NET 3.5 Web-Formulare, Microsoft Access 2003, jQuery, IIS 5 und Win XP Professional als Webserver.

Danke.

Answer 1

gibt es eine jquery select plugin, die Ihnen dabei helfen könnte. Ich habe ausgewählte Listen Client-Seite manipuliert und hatte kein Problem mit nachfolgenden Formular-reicht, aber Sie müssten einige Experimente w asp.net

Answer 2

Die Standardtechnik dafür lautet ajax, was im Grunde bedeutet, nur Teile der Seite zu ersetzen. JQuery ajax und vielleicht eine tutorial sollten Sie gehen.

Answer 3

Ein häufiger Fehler für dieses Szenario ist das Hinzufügen des Elements auf dem Client (mit jQuery oder plain javascript). Es kann aussehen, dass es bis zum nächsten Post-Back funktioniert. Leider erlaubt das Asp.NET-Post-Back-Modell nicht, den Inhalt der Steuerelemente nur auf der Client-Seite zu ändern. So basicaly gibt es zwei Möglichkeiten:

• Verwenden Ajax (am einfachsten zu wäre ein Update verwenden)
• Sie einen normalen Postbacks das Element (einfach und schnell Code hinzufügen, wenn die Leistung nicht ist ein Problem - für Intranet-Anwendungen zum Beispiel)