文档章节

ajax 返回数组数据 生成select

久一网络
 久一网络
发布于 2015/10/22 07:00
字数 319
阅读 13
收藏 0
ajax 返回数组数据 生成select
js代码:
<script language='javascript'>
function select_goods(obj)
{
var partner_id = obj;
$.ajax({
   type: "POST",
   cache:"false",
   url: "goods_log.php?action=get_goods", 
   dataType: "json",
   data: "&partner_id="+partner_id,
   success: function(json){
    var ary = new Array();
    var htm = '<option value="">请选择...</option>';
    if(json != null){
     for(var i=0;i<json.length;i++){
      htm +='<option value="'+json[i].normal_title+'">'+json[i].normal_title+'</option>';
     }
    }
    $("#goods").html(htm);
   }
});
}
</script>
html代码:
<select id="goods" name="goods_name">
    <option value="">请选择</option>
</select>
php代码:
注意,php文件顶部必须这样
<?php
header("Content-type: application/json; charset=utf-8");
如果没有这个的话,php文件后面不能有任何不相关输出。


$partner_id = $_POST['partner_id'];
   $result = $GLOBALS['DB']->get_results("SELECT `normal_title` FROM `goods_base` WHERE `partner`='$partner_id'");
   echo json_encode($result);


动态创建select的text和value
function selectValueMT(){
$.ajax( {
url : 'bus_findJCValue.action?type=3',
type : 'post',
dataType : 'json',
success : function(data) {
                var list = data;
document.getElementById("monitorType").length = 0;//清空已有选项
var s = null;
var arr=document.getElementById('monitorType').options;
for(var i = 0; i<list.length;i++){
var varItemM = new Option(list[i][1],list[i][0]); 
arr.add(varItemM);
}
}
});
}


或者
<script type="text/javascript">
function change(){     
    var departmentCode =$("#department").val();  
      
    var params = {  
        'departmentCode':departmentCode  
    };  
    $.ajax({
        type: 'get',
        url: "departmentChangeEvent.shtml",
        cache: false,
        data: params,
        dataType: 'json',
        success: function(data){
    var sel2 = $("#workorderOperator");  
    sel2.empty();  
    if(data==null)
        {
    sel2.append("<option value = '-1'>"+"部门人员为空"+"</option>");
        }
    var items=data.list;
    if(items!=null)
        {
     for(var i =0;i<items.length;i++)
         {
          var item=items[i];
          sel2.append("<option value = '"+item.userName+"'>"+item.userChinesename+"</option>");
         };
        }     
    else
        {
    sel2.empty();  
        }
        },
        error: function(){
            return;
        }
    });
    //$.post(url, params, callback);  
}  

© 著作权归作者所有

共有 人打赏支持
久一网络
粉丝 0
博文 34
码字总数 22404
作品 0
杭州
个人站长
私信 提问
jquery与php的json交互

jsonPHPjQueryMySQLAjax 整理两个现成的函数:jsondecode、jsonencode 说明:其中jsonencode 表示把常用的传统的数据类型如对象、数组、关联数组等转成JSON字符串。其实与JAVA里面的那个工具...

zyt_1978
2016/06/11
34
0
Ztree + PHP 无限级节点 递归查找节点法

一、前言 简单的描述一下,实习几个原理,思想,其实写很多东西,思想算是最重要的。 1、目标:将写一个无限节点的树形目录结构,如下图 步骤: 1、你的下载 插件 ztree。然后布置在你的项目...

RablePHP
2014/11/14
0
7
ThinkPHP示例:ajax分页操作

ThinkPHP示例之ajax分页操作,演示了如何进行数据分页操作,需要使用表单示例中的数据表,或者直接创建数据表如下: CREATE TABLE IF NOT EXISTS ( smallint(4) unsigned NOT NULL AUTO_INCR...

冬瓜1
2013/12/15
0
0
Jquery-Select2控件使用心得

前段时间使用了Select2控件处理下拉菜单,搞了一整天才搞明白,记录下心得。参考官网http://ivaynberg.github.io/select2/#documentation 该控件我使用了两种方式:1、基本用法;2、AJAX用法...

浮躁的码农
2015/12/24
184
0
ThinkPHP操作基础(三)

1.配置项:‘TMPLFILEDERP’=>'':用于减少模板路径层次。但是要将模板文件命名为:控制器名模板名.html的形式;如:Index_index.html。 2.由于使用AJAX提交数据的时候,我们要使用到处理器的路...

笨小熊
2014/08/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

apache顶级项目(二) - B~C

apache顶级项目(二) - B~C https://www.apache.org/ Bahir Apache Bahir provides extensions to multiple distributed analytic platforms, extending their reach with a diversity of s......

晨猫
今天
1
0
day152-2018-11-19-英语流利阅读

“超级食物”竟然是营销噱头? Daniel 2018-11-19 1.今日导读 近几年来,超级食物 superfoods 开始逐渐走红。不难发现,越来越多的轻食餐厅也在不断推出以超级食物为主打食材的健康料理,像是...

飞鱼说编程
今天
7
0
SpringBoot源码:启动过程分析(二)

接着上篇继续分析 SpringBoot 的启动过程。 SpringBoot的版本为:2.1.0 release,最新版本。 一.时序图 一样的,我们先把时序图贴上来,方便理解: 二.源码分析 回顾一下,前面我们分析到了下...

Jacktanger
昨天
3
0
Apache防盗链配置,Directory访问控制,FilesMatch进行访问控制

防盗链配置 通过限制referer来实现防盗链的功能 配置前,使用curl -e 指定referer [root@test-a test-webroot]# curl -e "http://www.test.com/1.html" -x127.0.0.1:80 "www.test.com/1.jpg......

野雪球
昨天
5
0
RxJava threading

因为Rx针对异步系统设计,并且Rx也自然支持多线程,所以新的Rx开发人员有时会假设Rx默认是多线程的。在其他任何事情之前,重要的是澄清Rx默认是单线程的。 除非另有说明,否则每次调用onNex...

woshixin
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部