Hallo, ich habe meinen Insert geschafft: ~~~ js $(document).ready(function(){ $(".various").fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); $( "#test" ).submit(function( event ) { event.preventDefault(); var send = $("#test").serialize(); $.ajax({ type: "POST", url: "insert.php", data: send, success: function(msg) { } }); }); }); ~~~ Das HTML sieht so aus ~~~ html <div id="inline" style="display:none; width:500px;"> <div id="response"></div> <form form method="post" action="" id="test"> <label for="ansprechpartner_anrede">Anrede</label> <input type="text" name="ansprechpartner_anrede" id="ansprechpartner_anrede" value=""> <label for="ansprechpartner_name">Name</label> <input type="text" name="ansprechpartner_name" id="ansprechpartner_name" value=""> <label for="ansprechpartner_telefon">Telefon</label> <input type="text" name="ansprechpartner_telefon" id="ansprechpartner_telefon" value=""> <label for="ansprechpartner_email">E-Mail</label> <input type="email" name="ansprechpartner_email" id="ansprechpartner_email" value="" > <button type="submit" id="eintragen">Save</button> </form> </div> ~~~ Klappt soweit auch. Jetzt möchte ich gerne das Fenster ausblenden und das <select> soll erweitert werden, dieses müsste ich irgendwie mit [https://api.jquery.com/event.preventdefault/](https://api.jquery.com/event.preventdefault/) Ich habe allerdings keine Ahnung, wie ich das umsetzten soll. Ausgewählt sollte dieses auch direkt sein. Edit: Meine Idee war folgende ~~~ js success: function(msg) { var element = document.getElementById('ansprechpartner'); var newLI = document.createElement('option'); var newLIText = document.createTextNode('Das ist Listeneintrag Nummer'); document.getElementById('ansprechpartner').appendChild(newLI); } Ich sehe zwar einen leeren Eintrag, nicht wirklich was ich möchte. ~~~

Hallo, ich habe meinen Insert geschafft: ~~~ js $(document).ready(function(){ $(".various").fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); $( "#test" ).submit(function( event ) { event.preventDefault(); var send = $("#test").serialize(); $.ajax({ type: "POST", url: "insert.php", data: send, success: function(msg) { } }); }); }); ~~~ Das HTML sieht so aus ~~~ html <div id="inline" style="display:none; width:500px;"> <div id="response"></div> <form form method="post" action="" id="test"> <label for="ansprechpartner_anrede">Anrede</label> <input type="text" name="ansprechpartner_anrede" id="ansprechpartner_anrede" value=""> <label for="ansprechpartner_name">Name</label> <input type="text" name="ansprechpartner_name" id="ansprechpartner_name" value=""> <label for="ansprechpartner_telefon">Telefon</label> <input type="text" name="ansprechpartner_telefon" id="ansprechpartner_telefon" value=""> <label for="ansprechpartner_email">E-Mail</label> <input type="email" name="ansprechpartner_email" id="ansprechpartner_email" value="" > <button type="submit" id="eintragen">Save</button> </form> </div> ~~~ Klappt soweit auch. Jetzt möchte ich gerne das Fenster ausblenden und das <select> soll erweitert werden, dieses müsste ich irgendwie mit [https://api.jquery.com/event.preventdefault/](https://api.jquery.com/event.preventdefault/) Ich habe allerdings keine Ahnung, wie ich das umsetzten soll. Ausgewählt sollte dieses auch direkt sein.