Jquery ajax动态更新下拉列表的内容
     $("#book_id").change(function(){
          $book_id=$(this).children('option:selected').val();
          //alert($book_id);
          var optionstring="";
         $.ajax(
                    {
                        type : "post",
                        url : "__CONTROLLER__/getpersonbybook",
                        data: {book_id:$book_id},
                        success : function (result)
                        {
                            if(result.status==1){
                                $("#person_id").empty();
                                $("#secperson_id").empty();
                                $.each(result.persons,function(key,value){  //循环遍历后台传过来的json数据
                                     optionstring += "<option value=\"" + value.id + "\" >" + value.person_name + "</option>";
                                 });
                                 $("#person_id").html("<option value=''>请选择人物</option> "+optionstring);
                                 $("#secperson_id").html("<option value=''>请选择人物</option> "+optionstring);
                            }
                            //给下拉赋值
                        }
                    });
        });
后台使用thinkphp返回json:
    public  function getpersonbybook($book_id){
        if($book_id==""){
            $list["status"]="0";
            $list["message"]="请选择书籍";
        }
        else{
            $list["status"]="1";
            $list["message"]="返回人物成功";
            $persons=M('Person')->where("person_del=0 and person_ofbook=$book_id")->order('id asc')->select();
            $list["persons"]=$persons;
        }
        $this->ajaxReturn($list);
    }
jquery选中特定的text:
//定位关系开始
$("#btnPosirelation").click(function(){
var p=$('#p3_text').val();
if(p==""){
return;
}
var count=$("#relation_id option").length;
for(var i=0;i<count;i++)
{
if($("#relation_id ").get(0).options[i].text == p) {
$("#relation_id ").get(0).options[i].selected = true;
break;
}
}
});
//定位关系结束
Jquery ajax动态更新下拉列表的内容的更多相关文章
- ajax动态更新下拉列表
		
前面做了一个ajax的小demo,今天看一个动态更新下拉列表,或者也叫级联更新下拉列表,这个也是利用ajax的异步调用去后台实现数据请求.然后回到前台完毕下拉列表数据的更新,以增强web应用的交互性. ...
 - 解决jQuery ajax动态新增节点无法触发点击事件的问题
		
在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写onclick="" ...
 - JQuery+Ajax实战三级下拉列表联动(八)
		
本片文章为练习,项目中不会这样写: 一:涉及到的知识点: jQuery Dom操作 jQuery Ajax操作 ASP.net中的json操作 二:用了自动代码生成器 1.Dal层的代码: publi ...
 - poi 技术动态更新 Excel模板内容,动态更新内容
		
1.控制器方法 private URL base = this.getClass().getResource(""); /** * 流拍之后,可以下载询价单 * * @param ...
 - SharePoint 2010 以Jquery Ajax方式更新SharePoint列表数据!
		
之前本人的博客介绍了<sharepoint 2010自定义访问日志列表设置移动终端否和客户端访问系统等计算列的公式>,那如何通过Jquery提交访问日志到自定义的SharePoint的访问 ...
 - HtmlUnit爬取Ajax动态生成的页面内容
		
HtmlUnit说白了就是一个浏览器,这个浏览器是用Java写的无界面的浏览器,正因为其没有界面,因此执行的速度还是可以滴. HtmlUnit提供了一系列的API,这些API可以干的功能比较多,如表单 ...
 - jQuery ajax 动态append创建表格出现不兼容ie8
		
非常多情况下.通过js(jQuery1.10)动态来创建一些样式,对页面的动态交互来说是非常方便的 可是不同的浏览器针对动态生成的不是非常兼容,在此遇见的不兼容ie8.跟各位分享下 代码: json数 ...
 - JS通过ajax动态读取xml文件内容
		
http://www.sharejs.com/codes/javascript/8178 HTML文件代码如下 <!DOCTYPE html> <html> <head& ...
 - Ajax动态载入xml文件内容
		
<%@page import="javax.swing.JOptionPane"%> <%@page import="com.ctl.util.*&qu ...
 
随机推荐
- 整理的最全 python常见面试题
			
整理的最全 python常见面试题(基本必考)① ②③④⑤⑥⑦⑧⑨⑩ 1.大数据的文件读取: ① 利用生成器generator: ②迭代器进行迭代遍历:for line in file; 2.迭代 ...
 - vue中nextTick的使用(转载)
			
转载自:https://www.cnblogs.com/chaoyuehedy/p/8985425.html 简介 vue是非常流行的框架,他结合了angular和react的优点,从而形成了一个轻量 ...
 - C#文件上传编码乱码
			
又遇到文件编码乱码的事情,这回稍微有些头绪,但是还是花了很多时间去解决. 场景:上传csv文件,导入到数据库.上传文件的编码不定,需要转成unicode存储. 问题点:需要解决判断上传文件的编码. 关 ...
 - python3.5+  asyncio await异步详解
			
import asyncio,time from collections import defaultdict from pprint import pprint collect=defaultdic ...
 - C++析构函数(转)
			
创建对象时系统会自动调用构造函数进行初始化工作,同样,销毁对象时系统也会自动调用一个函数来进行清理工作(例如回收创建对象时消耗的各种资源),这个函数被称为析构函数. 析构函数(Destructor)也 ...
 - 我Java学习时的模样(三)
			
读Java源码 平常使用Java的时候,那些集合类使用起来很顺手,但是有没有想过这些集合内部的实现原理是怎样的,它的添加移除都有哪些操作? 有了一些工作经验之后,必须要读一读Java包中的源码,需要知 ...
 - 修改Windows远程桌面端口
			
要修改注册表中的两处 PortNumber 1. HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Terminal Server\Wds\rdp ...
 - js中有关类、对象的增强函数
			
javascript中继承的实现 基础实现 function Range(from,to){ this.from =from; this.to =to; } Range.prototype = { i ...
 - nginx启动,停止,重启
			
Nginx的启动.停止与重启 启动 启动代码格式:nginx安装目录地址 -c nginx配置文件地址 例如: [root@LinuxServer sbin]# /usr/local/nginx/ ...
 - bzoj 4540: [Hnoi2016]序列
			
Description 给定长度为n的序列:a1,a2,-,an,记为a[1:n].类似地,a[l:r](1≤l≤r≤N)是指序列:al,al+1,-,ar- 1,ar.若1≤l≤s≤t≤r≤n,则称 ...