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

Question

我正在使用ajax将数据从mysql加载到php。我想为我的网站创建编辑功能。此编辑将在模式上进行。在使用以前的ajax加载无线电输入类别之后，ajax将加载带有选项（子类别）的Select input。

我尝试了几个jquery事件来更改select选项，但都没有成功。这是我的模式文件中的脚本代码。

<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");
    });

此外，这两个函数对于#子类别没有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;

Answer 1

如果您正在使用任何事件。尝试在函数中绑定该事件。所以每次事件都会被绑定。开火后。

Answer 2

问题在您的选择器中。您在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/