菜单联动,select联动菜单(搜索之后默认选中)
框架:thinkphp
php控制器代码:
$schedulelist = M('schedule')->getField('sid,schedule_name');
$this->assign('schedulelist',$schedulelist);
html代码:
<select name="sid" class="span2 m-wrap" id='sid' onchange="sidOnChange(this)">
<option value="0">全部赛事</option>
<php>$key=I('sid');$selected[$key]='selected';</php>
<foreach name='schedulelist' item='value' key="key">
<option value="{$key}">{$value}</option>
</foreach>
</select>
<select name="match_id" class="span2 m-wrap" id='match_id'>
<option value="0" {$selected['0']}>全部赛程</option>
</select>
jQuery代码:
jQuery(document).ready(function() {
rs_change = 0;
<php>$rs_sid = (I('sid'))?I('sid'):"-1";</php>
if({$rs_sid}!='-1'){
$('#sid').val({:I('sid')}).change().one('change',function(){
rs_change = 1;
});
} })
function sidOnChange(obj){
var sid = $(obj).val();
$.ajax({
url:"{:U('/Admin/ticket/getMatch')}",
data:{'sid':sid},
type:'post',
dataType:'json',
success:function(res){
var text = '<option value="0">全部赛程</option>';
if($(res.data).length>0){
$.each(res.data, function(i, val) {
text += "<option value='" + i + "'>" + val +"</option>";
});
}
$("#match_id").empty().append(text);
//没选过
if(rs_change==0){
$("#match_id").val({$rs_sid});
}
}
});
}
接口代码:
public function getMatch(){
$where['sid'] = I('post.sid');
$res = M('match')->where($where)->getField('match_id,match_name');
$this->ajaxReturn($res,"success",1);
}
菜单联动,select联动菜单(搜索之后默认选中)的更多相关文章
- jQuery设置 select、radio、checkbox 默认选中的值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 修改select下拉选的默认选中值
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- VUE 单选下拉框Select中动态加载 默认选中第一个
<lable>分类情况</lable> <select v-model="content.tid"> <option v-for=&quo ...
- Select标签 依据value值默认选中 Jquery
网上找了非常多都是错的,不行的. 以下方法能够的 <script type="text/javascript"> $(document).ready(function( ...
- Select标签 根据value值默认选中 Jquery
网上找了很多都是错的,不行的. 下面方法可以的 <script type="text/javascript"> $(document).ready(function() ...
- jQuery cxSelect 多级联动下拉菜单
随着电商热门,这种多层次的互动更充分地体现在下拉菜单,最明显的是多级联动地址下拉选择,因此,这里是一个简单的分享 jQuery cxSelect 多级联动下拉菜单 cxSelect 它是基于 jQue ...
- php+ajax的三级联动下拉菜单
封装一个三级联动,就可以在任何页面进行引用了 先写个页面引用一下这个js <head> <meta http-equiv="Content-Type" conte ...
- js 联动下拉菜单
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- jQuery cxSelect 联动下拉菜单
插件简介 cxSelect 是基于 jQuery 的多级联动菜单插件,适用于省市.商品分类等联动菜单. 列表数据通过 AJAX 获取,也可以自定义,数据内容使用 JSON 格式. 同时兼容 Zepto ...
随机推荐
- 跨越VLAN
跨越VLAN VLAN(Virtual Local Area Network),是基于以太网交互技术构建的虚拟网络,既可以将同一物理网络划分为多个VLAN,也可以跨越物理网络障碍,将不同于子网中的用户 ...
- HTML链接/实施CSS的三种方法
①页面内部链接: <head> <style type="text/css"> /*Cascading Style Shee ...
- Linux 之【辨析UPDATE/UPGRADE】和安装/卸载软件(apt-get)
一.[辨析UPDATE/UPGRADE] UPDATE: update is used to download package information from all configured sour ...
- luogu P2511 [HAOI2008]木棍分割
传送门 第一问是一道经典的二分,二分答案\(ans\),然后从前往后扫,判断要分成几段救星了 第二问设\(f_{i,j}\)表示前\(i\)个数分成\(j\)段,每段之和不超过第一问答案的方案,转移就 ...
- kafka.common.KafkaException: Socket server failed to bind to hdp1:9092: Cannot assign requested address.
ERROR [KafkaServer id=1] Fatal error during KafkaServer startup. Prepare to shutdown (kafka.server.K ...
- 【反射】利用java反射原理将xml文件中的字段封装成对应的Bean
本例使用的xml解析方式为jdom ... <ROOT> <Consignment> ... </Consignment> </ROOT> 解析xml文 ...
- python - 发送邮件(email模块(内置))
发送邮件 import smtplib from email.mime.text import MIMEText #邮箱件内容 HTML = """ 发送邮件测试2,加密 ...
- 教你如何使用android studio发布release 版本【转】
原文链接 想必还有人对如何在Android studio (以下简称as)发布release版本的app而狂刷百度吧?都是过来人,我很理解这种心情,百度到的基本是半成品,为什么这么说呢?百度一下,你就 ...
- struct 与 class 的区别
C++中的struct对C中的struct进行了扩充,它已经不再只是一个包含不同数据类型的数据结构了,它已经获取了太多的功能. struct能包含成员函数吗? 能! struct能继承吗? 能!! s ...
- [转]AMBA、AHB、APB、ASB总线简介
[转]http://www.cnblogs.com/zhaozhong1989/articles/3092140.html 1.前言 随着深亚微米工艺技术日益成熟,集成电路芯片的规模越来越大.数字IC ...