2016-04-12 10 views
1

Ich habe ein Dropdown-Menü mit HTML-Tags. ich die Werte auf einem PHP haben, ist dies der Code:Update wählen Dropdown-Optionen mit PHP und AJAX


proveedordinamico.php

<?php 
require "config.php"; 
$distinct1 = "SELECT DISTINCT proveedor FROM techno_articulos"; 
$distinctquery1 = mysql_query($distinct1,$enlace); 
while ($fila1 = mysql_fetch_array($distinctquery1)) { 
echo '<option>' . $fila1['proveedor'] . '</option>'; 
} 
?> 

index.php

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> 
    <div id="billdesc"> 
    <select id="test" class="form-control"> 
     <option class="non" value="option1">Option1</option> 
     <option class="non" value="option2">Option2</option> 
     <div id="actualizarlistaproveedores"></div> 
     <option class="editable" value="other">Other</option> 
    </select> 
    <input class="editOption" class="form-control" style="display:none;" id="test"> 
    <input type="button" onclick="alertaopciones()"> 

    <script> 


     function refreshlistaproveedores(){ 
      $('#actualizarlistaproveedores').load('includes/proveedordinamico.php', function(){ 
       setTimeout(refreshlistaproveedores, 100); 
      }); 
     } 
     refreshlistaproveedores(); 

     function alertaopciones(){ 

      var alertados = document.getElementById("test").value; 
      alert(alertados); 
     } 
    </script> 




    <script> 
    var initialText = $('.editable').val(); 
    $('.editOption').val(initialText); 

    $('#test').change(function(){ 
    var selected = $('option:selected', this).attr('class'); 
    var optionText = $('.editable').text(); 

    if(selected == "editable"){ 
     $('.editOption').show(); 


     $('.editOption').keyup(function(){ 
      var editText = $('.editOption').val(); 
      $('.editable').val(editText); 
      $('.editable').html(editText); 
     }); 

    }else{ 
     $('.editOption').hide(); 
    } 
    });</script> 
</div> 
</div> 

Die Funktion mit der Last alle 100ms funktioniert nicht. Gibt es eine Möglichkeit, <option> mit jedem Wert von PHP zu drucken?

Ich hoffe, Sie können mir helfen, wenn Sie Fragen über den Code haben, fragen Sie mich!

+0

Die "" ist für mich über den Wert der Auswahl, ich hoffe, Sie können verstehen, was ich tue ^^ – GetPost

Antwort

0

Ich bin mir nicht ganz sicher, was Ihr versucht, Ihre Funktion mit, dies zu erreichen, aber ersetzen:

function refreshlistaproveedores(){ 
     $('#test').load('includes/proveedordinamico.php', function(){ 
      setTimeout(refreshlistaproveedores, 100); 
     }); 
    } 

Und entfernen:

<div id="actualizarlistaproveedores"></div> 

Divs innerhalb einer select ist nicht gültig html

+0

Ich möchte ein Select-Tag, das wann aktualisieren Ein Wert wird eingefügt. Wenn der Eingangstyp "editOption" ausgewählt ist, wird eine Eingabe angezeigt, um einen benutzerdefinierten Wert einer Auswahl einzugeben. Es funktioniert, aber nur die in PHP deklarierten Dinge einfügen und ich muss es manuell in PHP eingeben. – GetPost