Home / Questions / 166514
Accepted
APRECode
Asked: 2020-05-22 17:09:25 +0800 CST 2020-05-22 17:09:25 +0800 CST

使用 ajax 和 jquery 帮助输入选择动态

  • 772

我是编程新手，我需要您的支持：

默认情况下，如果他们加载数据，但我需要客户端在保存之前必须选择此输入，它必须显示“选择”，因此客户端被迫选择输入（），选择并能够保存。

HTML：

    <div class="form-group"> 
<label for=" codDist'">Distrito</label> 
<select class="form-control " id=" codDist'" placeholder="Enter username"></select> 
</div>

JS：

    function cargaDistrito(depart, provin) {
        var $select = $('#codDist');
        $.ajax({data : {
                coddepartamento : depart,
                codprovincia : provin
                    },
                    url : "DistritPais",
                    type : "GET",
                    dataType : 'JSON',
                    success : function(data) {
                        $select.html('');
                        $.each(data,
                        function(key, val) {
        $select.append('<option value="' + val.codDist + '">'+val.descrip+'</option>');})
                    },
                    error : function() {
                        $select.html('<option id="-1">Cargando...</option>');
                    }
                });
    }
jquery

3 Answers

  1. Best Answer

    在对每个进行游览之前，您必须添加一个附加（“选择”），然后是每个，以便它显示您通过 ajax 带来的所有数据！

    干杯

    • 1

  2. 感谢您的回答，也许有人需要代码，更正它会像这样结束： 

    function cargaDistrito(depart, provin) {
    var $select = $('#codDist');
    $.ajax({data : {
            coddepart : depart,
            codprovin : provin
                },
                url : "DistritPais",
                type : "GET",
                dataType : 'JSON',
                success : function(data) {
                    $select.html('');

    $select.append('SELECT.. 

                        $.each(data, function(key, val) {
    $select.append('<option value="' + val.codDist + '">'+val.descrip+'</option>');})
                },
                error : function() {
                    $select.html('<option id="-1">Cargando...</option>');
                }
            });
}
    • 0

  3. 最简单的解决方案是在加载来自 JSON 的数据之前使用 append 向 select 添加一个值

     $select.append(`<option value="-1">  SELECCIONE UNA OPCION </option>`);

    本文展示了如何使用 JQuery 向选择添加选项如何使用 JQuery (ENG) 添加链接

    • 0