javascript - 使用 PHP 和 AJAX 更新选择下拉选项

Question

我有一个用 HTML 上的 select 标签制作的下拉菜单。 我有 PHP 上的值，这是代码:

<小时/>

provedordinamico.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加载一次的功能不起作用。有没有办法打印<option> PHP 的每个值？

希望您能帮助我，如果您对代码有任何疑问，请问我!

Answer 1

我不太确定你想要完成什么，但用这个替换你的功能:

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

并删除:

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

选择内的 Div 是无效的 html