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

你concatenting錯了。 &必須在引號內。而你也缺少在地方

此致的concat運營商（+）：data: "ch=" + dropdown&"ch2=" + dropdown2&"ch3=" + dropdown3

正確：data: "ch=" + dropdown + "&ch2=" + dropdown2 + "&ch3=" + dropdown3

而且dropdown，dropdown2，dropdown3值將無法正常工作，他們是這樣的。它必須從元素中選擇，這樣的：

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

，並清除onclick使用jQuery的click：

$("input[type=button]").on("click", function dynamic_Select() { 
    $.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"); 
     } 
    }); 
}); 

Answer 2

&需要在引號內的符號，你需要的實際值太 - 僅僅提及下拉式名稱是不夠的。

試試這個

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