Php JQUERY未使用（onchange）函数_Php_Jquery_Ajax_Api_Mysqli

Php JQUERY未使用（onchange）函数

php jquery ajax api

Php JQUERY未使用（onchange）函数,php,jquery,ajax,api,mysqli,Php,Jquery,Ajax,Api,Mysqli,我正在创建依赖项下拉列表，但是当我将Id从一个函数传递到另一个函数时，它不起作用下面是一些代码示例 <?php include("includes/db.php"); ?> <!DOCTYPE html> <html> <head> <title></title> <script src="https://code.jquery.com/jquery-3.5.1.mi

我正在创建依赖项下拉列表，但是

当我将Id从一个函数传递到另一个函数时，它不起作用下面是一些代码示例

<?php
include("includes/db.php");
?>
<!DOCTYPE html>
<html>
<head>
    <title></title>
     <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div>
    <select id="all_category">
        <option>select a category</option>
    </select>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        category();
         function category(){
            $.ajax({
            url : "action.php",
            method : "POST",
            data : {category:1},
            success : function(data){
                $("#all_category").html(data)
            }
        })
    }
    $("#all_category").change(function () {
        var val = $(this).val();
        var xyz = $("#all_category option:selected").val();
        console.log("hello"+xyz)
    })
    })
</script>
</body>
</html>

这是我的

API

帮助？

尝试更改此选项： $（“#所有#类别”）。更改（功能为此：

$("#all_category").on('change',function

或者试试这个：

$(document).on('change','#all_category',function(){

请告诉我，当您在jQuery中使用

.html（）

时，这是否适用于您。它将破坏事件上已经发生的任何绑定。这是因为

html

删除DOM树并使用数据重新初始化它


$（函数（）{
$.ajax({
url:“action.php”，
方法：“张贴”，
数据：{类别：1}，
成功：功能（数据）{
$（“所有类别”）.html（数据）；
$（“#所有#类别”）。关于（'change'，function（evt）{
console.log（$（this.val（））
})
}
});
});

要解决此问题，您需要在调用

.html（）

后重新绑定。

什么是

类别（）

在您的Javascript中做什么？这是怎么回事？您最初看到所有类别了吗？当用户选择一个类别时，您遇到了问题吗？是的，最初我在API中的代码中有我的所有类别，我想要的是在console.log中打印我选择的类别的Id您尝试

$(“#all_category option:selected”）.text（）

我已经尝试过了，但是它不起作用

$（文档）。在（'change'，'#all_category'，function（）{var val=$（this.val（）；var xyz=$（“#all_category option:selected”）.val（）；console.log（“hello”+xyz）}

$(document).on('change','#all_category',function(){