javascript-AJAX PHP函数onchange选择框

@H_404_0@我有一个我很困惑的问题.我有一个使用mysqli查询动态生成的带有的选择框：

@H_404_0@

$result = MysqLi_query($db, "SELECT * FROM `users` WHERE `user_id` > 0");
echo '<html><form name="contacts" method="post"><select name="contacts"><option value="Contact list" onchange="func()">Contact List</option>';
while($row = $result->fetch_assoc()){
    echo '<option value = '.$row['user_name'].'>'.$row['user_name'] . '</option>';
}
echo '</select></form>';

@H_404_0@我对AJAX完全陌生,但是我需要使用jquery和ajax将this.value变量传递给PHP变量,以便在以后的查询中使用.

@H_404_0@这是我的脚本(大部分是在网上找到的)：

@H_404_0@

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
$("#contacts").change(function() {
    //get the selected value
    var selectedValue = this.value;

    //make the ajax call
    $.ajax({
        url: 'function.PHP',
        type: 'POST',
        data: {option : selectedValue},
        success: function() {
            console.log("Data sent!");
        }
    });
});
</script>

@H_404_0@现在,当我在选择框中单击一个值时,什么也没有发生.没有警告或错误等.

@H_404_0@请帮我.

@H_404_0@附： function.PHP确实存在.目前,这只是一个简单的回显(出于测试目的)

@H_404_0@更新：这里是FUNCION.PHP：

@H_404_0@

<?PHP
/*$val = $_REQUEST['selectedValue'];
echo $val;*/

function function(){
$val = $_REQUEST['selectedValue'];
echo $val;
}
?>

@H_404_0@更新：谢谢大家的所有帮助.现在,我可以使用它了,因为chrome inspect的网络部分显示了正在请求的function.PHP,但是我仍然没有得到回显(我使用外部.js文件使其正常工作).我的J查询功能也成功(成功功能回显到控制台中)

解决方法:

@H_404_0@您的选择框没有ID,并且您正在观看$(“#contacts”)的更改事件.

@H_404_0@更改：

@H_404_0@

echo '<html><form name="contacts" method="post"><select name="contacts"><option value="Contact list" onchange="func()">Contact List</option>';

@H_404_0@至：

@H_404_0@

echo '<html><form name="contacts" method="post"><select name="contacts" id="contacts"><option value="Contact list">Contact List</option>';
                                                                        ^^^^^^^^^^^^^ here

@H_404_0@您还只需要一个事件处理程序,因此我删除了内联的事件处理程序,该内联程序似乎什么也没做.

@H_404_0@编辑：如果选择也是使用ajax创建的,则需要事件委托：

@H_404_0@

$("body").on('change', '#contacts', function() {
   ^^^^ for example

@H_404_0@编辑2：您的变量称为$_REQUEST [‘option’]而不是$_REQUEST [‘selectedValue’].您也没有调用-badly named-函数,因此您不会从PHP中获得任何输出,除非出现诸如Parse错误之类的错误：语法错误,意外的’function’….

javascript-AJAX PHP函数onchange选择框

相关推荐