Javascript 函数操作

Question

好的，所以在我以前的网站中，我有一个小的 javascript 来检查数据库是否输入的用户名已经存在。并且工作出色。 现在我有一个不同但相似的要求，我需要检查选项标签中的值并在选项更改时输出 X 或 OK。

这是代码:

<script type="text/javascript">

        $("#subcat").change(function(event) {

        var xhr = $.post("php/check.php", {subcat1: $(this).val()});

            xhr.done(function(result) {
                $("#check-cat").html(result).show();
            });
        });

    </script>

这是 HTML:

<select id="type" name="subcat">

<option value="0">Izaberi kategoriju prvo...</option>

</select>


<span id="check-cat" style="color:red; font-size: 18px;">X</span>

检查 POST 数据的文件:

和 CHECK.PHP:

if(isset($_POST['subcat1'])){

    if($_POST['subcat1'] == '0'){
        echo 'X!';
    } else{
        echo 'OK!';
    }
}

?>

在 javascript 部分缺少一些东西，我真的不知道该放什么才能调用该函数。

谢谢你的帮助。如果还需要什么，请在评论中提出，我会添加。

Answer 1

很难准确理解你想要什么，但我认为这是在正确的道路上

$("#subcat").change(function(event) {

  var xhr = $.post("php/db/functions/check.php", {subcat1: $(this).val()});

  xhr.done(function(result) {
    $("#check-cat").html(result).show();
  });
});

当#subcat选择器改变时，每次都会发送一个ajax post请求。