如何在第二个ajax完成后选择输入选项，JQuery答案

【问题标题】：How to select input option after second ajax complete, JQuery如何在第二个ajax完成后选择输入选项，JQuery
【发布时间】：2018-12-21 02:13:04
【问题描述】：

我正在使用 ajax 将数据从 mysql 加载到 php。我想为我的网站创建编辑功能。此编辑将是模态的。在单选输入类别使用先前的 ajax 加载后，选择带有选项（子类别）的输入由 ajax 加载。

我尝试了几个 jquery 事件来更改选择选项，但没有一个起作用。这是我的模态文件中的脚本代码。

<script>    
    $(document).ajaxComplete(function() {
        $("#editexp'.$poz.'").on("shown.bs.modal", function(){
            $("input[name=payment'.$poz.'][value='.$method.']").prop("checked", true);

            $("input[name=kategoria'.$poz.'][value='.$catid.']").prop("checked", true);

            var category = '.$catid.';
            var poz = '.$poz.';
            $.ajax({
                url:"expense_subcategory_change.php",
                method:"POST",
                data:{category:category,
                    poz:poz
                },
                success:function(data){
                    $("#subcategory'.$poz.'").html(data);
                }
            });

            $("input[type=radio][name=kategoria'.$poz.']").change(function(){

                var category = $(this).val();
                var poz = '.$poz.';
                $.ajax({
                    url:"expense_subcategory_change.php",
                    method:"POST",
                    data:{category:category,
                        poz:poz
                    },
                    success:function(data){
                        $("#subcategory'.$poz.'").html(data);
                    }
                });
            });


        });
    });

    $("#subcategory'.$poz.'").ajaxComplete(function() {
         $("#subcategory'.$poz.' ").find("option").each( function() {
              var $this = $(this);
              if ($this.val() == '.$subcatid.') {
                 $this.prop("selected","selected");
                 return false;
              }
         });
    });
</script>

我也试过这个：

    $("#subcategory'.$poz.'").ajaxComplete(function() {
          $("#subcategory'.$poz.' option[value='.$subcatid.']").prop("selected","selected");
    });

这两个函数也没有用于#subcategory 的 ajaxComplete 或用于文档的第二个 ajaxComplete

正在加载带有选项的输入，但始终选择第一个选项。

这是我的费用子类别更改代码的主要部分：

$result = mysqli_query($connection,"$sql_query");

$output .= '<select class="mb-3 w-50-100 " name="subcategory'.$poz.'">';

while($row = mysqli_fetch_array($result))
{
    $output .= '<option value="'.$row['id'].'" >'.$row['sub'].'</option>';  
}

$output .= '</select>';

echo $output;

【问题讨论】：

标签： php jquery ajax

【解决方案1】：

问题在于您的选择器。您在 select 元素中使用“name”，但使用“#”（id）在 dom 中搜索元素。将您的 PHP 代码更改为：

$output .= '<select class="mb-3 w-50-100 " id="subcategory'.$poz.'">';

我用你提供的第二种方法进行了测试，因为它看起来更干净

$("#subcategory'.$poz.' option[value='.$subcatid.']").prop("selected","selected");

在此处查看解决方案（简化代码）https://jsfiddle.net/79kugn60/

【讨论】：

发生在我们最好的人身上！

【解决方案2】：

如果您正在使用任何事件。尝试在您的函数中绑定该事件。这样每次事件都会被绑定。射击后。

【讨论】：