Hallo,
ich habe meinen Insert geschafft:
$(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
<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/ Ich habe allerdings keine Ahnung, wie ich das umsetzten soll. Ausgewählt sollte dieses auch direkt sein.
Edit: Meine Idee war folgende
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.