首页 / JAVASCRIPT / javascript-AJAX PHP函数onchange选择框

javascript-AJAX PHP函数onchange选择框

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-AJAX PHP函数onchange选择框，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2172字，纯文字阅读大概需要4分钟。

内容图文

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

$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>';

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

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

<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>

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

请帮我.

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

更新：这里是FUNCION.PHP：

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

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

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

解决方法:

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

更改：

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

至：

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

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

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

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

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

内容总结

以上是互联网集市为您收集整理的javascript-AJAX PHP函数onchange选择框全部内容，希望文章能够帮你解决javascript-AJAX PHP函数onchange选择框所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/694542.html

来源：【匿名】