javascript - 使用选定的下拉框值作为php中的变量

Question

我想在我的functions.php 文件中使用下拉框中选定的值作为PHP 变量。我尝试使用 jquery-ajax

$(document).ready(function(){
$("#pa_color").change(function(){ 
var result= $(this).val();          
document.getElementById("demo").innerHTML =  result;
if (result.length == 0) {
document.getElementById("tit").innerHTML = "";
return;
} else {
var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
     document.getElementById("tit").innerHTML =  xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "selectcolor.php?q=" + color, true);
    xmlhttp.send();
      });     
  });

并且可以使用 getElementById("demo") 获取要在网站上显示的变量，但在尝试使用我的 selectcolor.php 文件调用和处理变量时收到 404 消息。我更喜欢只使用 php，但会使用任何必要的东西。我可以使用 PHP 获取与每个项目关联的所有颜色

$color = $product->get_attribute('pa_color'); 

但我只想要选定的颜色。正如你所看到的，我对此很陌生，而且我的知识有限。谢谢您

Answer 1

$('#pa_color').val() 

将输出下拉元素的选定值。

使用它来获取选定的选项文本。

$('#pa_color option:selected').text();

现在您可以使用 AJAX 或其他方式将此值传递到您的 php 文件。