使用PHP和AJAX更新select下拉选项


Update select dropdown options with PHP and AJAX

我在HTML上用select标记制作了一个下拉列表。我有一个PHP上的值,这是代码:


已证明的ordinamico.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>

每100ms加载一次的功能不起作用。有没有办法用PHP的每个值打印<option>

我希望你能帮助我,如果你有任何关于代码的问题问我!

我不太确定你想要实现什么,但用这个来代替你的功能:

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

并删除:

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

select中的Divs无效html