通过 jQuery 将下拉框中的值发送到 PHP

Question

我正在尝试从下拉列表中的两个框中获取值并将它们发送到 PHP 文件，该文件将根据所选的组合从 mySQL 数据库中绘制适当的字段，并将其显示在 div 中，而无需使用 AJAX 刷新页面。我已经整理了第二部分，但我仍停留在第一部分。

这是 HTML： http://jsfiddle.net/SYrpC/

这是我在头部的 Javascript 代码主文档的内容：

var mode = $('#mode');

function get() {$.post ('data.php', {name: form.him.value, the_key: #mode.val()}, 

function(output) {$('#dare').html(output).show();

});

}

我的 PHP（用于测试目的）是：

$the_key = $_POST['the_key'];
echo $the_key;

在 PHP 中将其作为变量后，我可以对其进行操作，但我无法将其获取到那里。我哪里出错了？感谢您的回复！

Answer 1

您还需要一个回调函数来让服务器响应 POST。

$.post('ajax/test.html', 函数(数据) {
$('.结果').html(数据);
});

此代码片段将发布到 ajax/test.html，并且匿名函数将在其回复时调用具有响应的参数数据。然后，它在此匿名函数中将结果类设置为具有服务器响应的值。

帮助 ？如果您需要更多信息，请告诉我，我们可以解决这个问题。

另外，jQuery 中的 $.post 是

$.ajax({
类型：'发布'，
网址： 网址，
数据：数据，
成功：成功
数据类型：数据类型
});

Answer 2

你的jquery选择器是错误的：

html:
<select id="mode">

jquery selector:
$("#mode").val();

html:
<select name="player">
jquery selector:
$("select[name=player]").val();

Answer 3

你想在你的ajax请求中添加一个回调，这并不难，这里我什至给你一个例子：

$.ajax({
   url: "http://stackoverflow.com/users/flair/353790.json", //Location of file
   dataType: "josn",//Type of data file holds, text,html,xml,json,jsonp
    success : function(json_data) //What to do when the request is complete
    {
        //use json_data how you wish to.;
    },
    error : function(_XMLHttpRequest,textStatus, errorThrown)
    {
        //You fail
    },
    beforeSend : function(_XMLHttpRequest)
    {
        //Real custom options here.
    }
});​

上面的大多数回调都是可选的，在你的情况下我会做以下事情：

$.ajax({
   url: "data.php",
   dataType: "text",
   data : {name: ('#myform .myinput').val(),the_key: $('#mode').val()},
   success : function(value)
   {
       alert('data.php sent back: ' + value);
   }
});​

你应该总是设置的回调分别是 url,success 和 data 如果需要，请阅读 文档了解更多信息。