我正在尝试通过Ajax填充选择框

时间:2018-12-23 20:57:22

标签: ajax

我正在尝试将列表加载到选择框上,但尚未使其正常工作。如果我使用简单的文本输入字段并将响应发送到div,则可以正常工作,但这不是我想要的。我想在选择框内键入并显示列表。这是我的代码:(没有Jquery)

    <html>
    <head>
    <script>
    function Peticion_Ajax(){
        var coso = new XMLHttpRequest();
        var url = "script2.php";
        var primer_nombre = document.getElementsByName('nombre_inicial').value;
        var vars = "nombre_peticion="+primer_nombre;
        coso.open("POST", url, true);
        coso.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        coso.onreadystatechange = function() {
          if(coso.readyState == 4 &&coso.retorno == 200) {
            var return_data =coso.responseText;
          document.getElementById("retorno").innerHTML = return_data;
          }
        }

        coso.send(vars);
        document.getElementById("retorno");
    }
    </script>
    </head>
    <body>
    <h2>Ajax Post to PHP and Get Return Data</h2>
    <select id="retorno" name="nombre_inicial" onkeyup="Peticion_Ajax();">
     <option value="" disabled="disabled" selected="selected">Selecciona aqui</option>
    </select>
    </body>
    </html>

这有可能吗?

先谢谢了。

0 个答案:

没有答案