Achot: <select> dynamisch aktualisieren nach PHP Insert

Beitrag lesen

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.
0 37

<select> dynamisch aktualisieren nach PHP Insert

Achot
  • php
  1. 0
    Regina Schaukrug
    • javascript
    • php
    1. 0
      Achot
      1. 0
        Regina Schaukrug
        1. 0
          Achot
          • mathematik
          • php
          1. 0

            success: function(msg)

            Achot
            • jquery
            • php
            1. 0
              Regina Schlauklug
              • mathematik
              • php
              1. 0
                Achot
                1. 0
                  Regina Schaukrug
                  • javascript
                  • php
                  • programmiertechnik
          2. 0
            Regina Schlauklug
            1. 0
              Achot
            2. 0
              Gunnar Bittersmann
              • html
              • javascript
  2. 0

    Coding style

    Gunnar Bittersmann
    1. 0
      Achot
      1. 0
        Matthias Apsel
        • javascript
        • php
        1. 0
          Christian Kruse
          1. 0
            Gunnar Bittersmann
            • mathematik
            • php
            1. 1
              dedlfix
              1. 0
                Gunnar Bittersmann
                1. 0
                  dedlfix
                  1. 0
                    Christian Kruse
                    1. 0
                      beatovich
                      1. 0
                        Christian Kruse
                        • humor
                  2. 0
                    Gunnar Bittersmann
                    1. 0
                      Christian Kruse
      2. 0
        beatovich
        1. 0
          Gunnar Bittersmann
          • javascript
          • php
  3. 0

    Fertiger Code: <select> dynamisch aktualisieren nach PHP Insert

    Achot
    1. 0
      Matthias Apsel
      1. 0
        Achot
        1. 0
          Gunnar Bittersmann
          • css
          • html
      2. 0
        beatovich
        1. 0
          Gunnar Bittersmann
          • html
    2. 0
      Gunnar Bittersmann
      • css
      • html
      1. 0
        Achot
        • javascript
        • php
        • programmiertechnik
      2. 0
        Gunnar Bittersmann
        • markdown
        • zu diesem forum
        1. 0
          Matthias Apsel