JavaScript 代码发送日期到 PHP 页面不起作用

Question

它对我不起作用..这是正确的吗？我对此行有疑问 data: "ch="+ dropdown&"ch2="+ dropdown2&"ch3="+ dropdown3, 请帮我检查一下

<script>
function dynamic_Select(dropdown) {
$.ajax({
type: "GET",
url: 'att-filt.php',
data: "ch=" + dropdown&"ch2=" + dropdown2&"ch3=" + dropdown3,
dataType: "html",
success: function(html){       $("#txtResult").html(html); $("#firstresult").css("display", "none");    }
}); 
}
</script>



<form>
<input type="text" id="dropdown" name="dropdown">
<input type="text" id="dropdown2" name="dropdown1">
<input type="text" id="dropdown3" name="dropdown2">
<input type="button" value="submit"  onclick="dynamic_Select(this.value)">
</form>

Answer 1

与号 & 需要位于引号内，并且您还需要实际值 - 仅提及下拉列表名称是不够的。

试试这个

 data: "ch="  + $("#dropdown").val() +
      "&ch2=" + $("#dropdown2").val()+
      "&ch3=" + $("#dropdown3").val(),

请注意，您的 ID 也与您的姓名不匹配，因此您可能会对在服务器上获得的内容感到困惑

要将其放入 Ajax 调用的上下文中，您需要

$("input[type=button]").on("click", function() {
  $.ajax({
    type: "GET",
    url: 'att-filt.php',
    data: "ch="  + $("#dropdown").val() +
         "&ch2=" + $("#dropdown2").val()+
         "&ch3=" + $("#dropdown3").val(),
    dataType: "html",
    success: function (html) {
        $("#txtResult").html(html);
        $("#firstresult").css("display", "none");
    }
  });
});

或者使用seriealize :

$("input[type=button]").on("click", function() {
  $.ajax({
    type: "GET",
    url: 'att-filt.php',
    data:$("form").serialize(),
    dataType: "html",
    success: function (html) {
        $("#txtResult").html(html);
        $("#firstresult").css("display", "none");
    }
  });
});