使用jQuery和下拉菜单更新网站
Update site with jQuery and dropdown
当用户在我的下拉列表中更改所选信息时,我试图对一些数据库数据进行简单的打印。
我已经找到了如何从下拉列表中给我信息,并将其输出到我的文本字段中。。
<script type="text/javascript">
$(document).ready(function(e) {
$("#date").datepicker();
$("#formGender").change(function()
{
/* setting currently changed option value to option variable */
var option = $(this).find("option:selected").val();
/* setting input box value to selected option value */
$("#showoption").val(option);
});
});
</script>
所以我真正想要的是,我想用从下拉列表中获得的信息进行MySQL调用。
类似于:
SELECT * FROM table WHERE 'option' = customerNo
我可以读到我需要制作一个单独的文件,调用函数并用GET/POST返回它,但我有点卡住了:(可能需要一些正确的帮助。
AJAX是您需要的东西,
当用户更改下拉调用AJAX的值以从数据库中获取值时,您的jQuery可能看起来像这样,
$("#formGender").change(function()
{
/* setting currently changed option value to option variable */
var option = $(this).find("option:selected").val();
/* setting input box value to selected option value */
$("#showoption").val(option);
$.ajax({
type: 'GET',
url: 'PATH/TO/YOUR_PHP_FILE_NAME.php',
data:{'inputval':option},
success: function(data)
{
// access returned data here..
},
});
});
现在你的PHP文件看起来像这样,
YOUR_PHP_FILE_NAME.PHP
<?php
$inputval=$_GET['inputval'];
$sql_Query="SELECT * FROM table WHERE option = '".$inputval."'";
// Perform database operations and other things.
// Return response here using echo.
// You can use header('Content-Type: application/json'); to return JSON data.
?>
在$.ajax函数的.success()回调中处理那些返回的数据。
请确保使用bindParam方法访问避免SQL注入。
相关文章:
- 应用程序更新其网站
- 通过FTP更新网站,但仍显示旧内容
- 实现已验证用户更新状态的最佳方式,作为对系统中已更改状态的反应.(ASP.NET MVC网站)
- 更新 IE10 固定网站的后退/前进按钮的颜色而不刷新
- 动态网站更新脚本
- 如何在不同计算机上的用户之间共享网站上的实时更新
- 谷歌浏览器更新并破坏了我网站的ajax/jquery/json/something
- 如何开始动态更新我的网站
- 第三方(随机网站访问者)是否有可能通过 php 表单更新.html索引文件中的某些.js代码
- Chrome扩展:JQuery触发'keyup'不更新'输入'value-网站使用淘汰J
- 如何弹出选择列表,并使用所选内容更新网站
- 使用jQuery/Javascript更新网站上的总数
- $_GET,而不使用javascript更新网站
- 使用JavaScript用图像和文本更新页面后,iPad上的Chrome浏览器中的网站闪烁/闪烁
- 自动更新网站
- 网站更新缓存
- 为什么更新的javascript文件没有在部署的网站上执行;asp MVC在azure网站
- 使用jQuery和下拉菜单更新网站
- 如何从文件动态更新网站上的文本
- 如何在不刷新的情况下使用Jquery更新网站信息