博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
搞出来,PHP mysql JQuery 二级联动
阅读量:4318 次
发布时间:2019-06-06

本文共 1478 字,大约阅读时间需要 4 分钟。

很久 前 就 做过,也是花 一两天 时间 整出来, 就 又 忘了。昨晚 开始 整,东 收 西搜 。又 整出来,上次 是 ajax ,这次 ,自己 看吧。

用的 人名 因为 打算 做一个 教务网,涉及到 老师 输入 名字 时 ,字 不 确定的 情况。

 

 

 先说 数据库;

<?php    /  cl.php

$dbc = mysqli_connect("localhost","root","","mytt") or die("connect failed!".mysqli_error());
mysqli_query($dbc,"set names utf8");

$szm = $_GET["szm"];    ///接收传过来的 首字母 ,

if (isset($szm))
// $szm = "wk";
{
$q =mysqli_query($dbc,"select tnm from tinfo where tszm like '".$szm."%'");  /// yo用 like %  模糊 查询

while ($hang = mysqli_fetch_array($q)) {

# code...
$jieg[] = array("nm"=>$hang['tnm']);
}
echo json_encode($jieg);    / 查询 结果 
}
?>

///  主要 页面(用户 在 此页面 输入 并 得到 结果)

<input type="text" name="szm" id="szm" οnchange="down_area();" >  /// 在这里 输入 首字母
<select id="nma" name="nma">    // 用 jQuery,增加 option 。 显示 查询结果
<option value="c"> ccc</option>  ///这个是 默认的,你们可以不用
</select>

关键 接下来的 js: (先自己下载 jQuery,并 包含进来。我觉得 应该要用 哈)

}

#szm{
color:#aa0;  【输入首字母 框 用的】
}
#nma{  【显示结果 select 用的】
color:#aaa;
}
</style>   显得 把 css 写上,js  要用

<script type="text/javascript">  ///111111

function down_area(){
$.getJSON("cl.php",    / 传过来的 数据 由 其 去 查询 数据库
{szm:$("#szm").val()},  ///待传递的 首字母,
function(json){      得到数据后的 处理 办法
var nma = $("#nma");
$("option",nma).remove(); ///xianqingkong  select 
$.each(json,function(index,array){
var option = "<option value='"+array['nm']+"'>"+array['nm']+"</option>";
nma.append(option);
});
});
}
</script>///1  ZHE这段 放 <head></head>  里就 OK 吧!

//

菜鸟 本人,若有 问题,欢迎 指教。

转载于:https://www.cnblogs.com/nnwer-09/p/9129410.html

你可能感兴趣的文章
js算法之最常用的排序
查看>>
Python——交互式图形编程
查看>>
经典排序——希尔排序
查看>>
团队编程项目作业2-团队编程项目代码设计规范
查看>>
英特尔公司将停止910GL、915GL和915PL芯片组的生产
查看>>
团队编程项目作业2-团队编程项目开发环境搭建过程
查看>>
Stax解析XML示例代码
查看>>
cookie
查看>>
二级图片导航菜单
查看>>
<Using parquet with impala>
查看>>
07-Java 中的IO操作
查看>>
uclibc,eglibc,glibc之间的区别和联系【转】
查看>>
Java魔法堂:找外援的利器——Runtime.exec详解
查看>>
mysql数据库存放路径
查看>>
TestNG(五)常用元素的操作
查看>>
解决 Visual Studio 点击添加引用无反应的问题
查看>>
通过镜像下载Android系统源码
查看>>
python字符串格式化 %操作符 {}操作符---总结
查看>>
windows 不能在 本地计算机 启动 Apache
查看>>
iOS开发报duplicate symbols for architecture x86_64错误的问题
查看>>