文档章节

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

没有更多内容

加载失败,请刷新页面

加载更多

使用Newtonsoft将DataTable转Json

使用Newtonsoft将DataTable转Json Newtonsoft提供的将DataTable转成Json: /// <summary> /// DataTable转Json /// </summary> /// <param name="dt"></param> /// <ret......

DemonsI
25分钟前
1
0
centos7安装zookeeper3.4.6

注:zookeeper充当注册中心 下载地址 http://mirror.bit.edu.cn/apache/zookeeper/zookeeper-3.4.6/ 单机 下载完成后,将安装包上传值服务器,解压 tar xvzf zookeeper-3.4.6.tar.gz 进入解...

码代码的小司机
26分钟前
1
0
136. Single Number

136. Single Number 题意:一个数组中所有数字都是两两相同,只有一个数字是单独的,求出这个数字的值。 很简单的题,使用异或就能处理。 异或介绍:bit位上的值不同,异或后,值为1.否则为0...

117
28分钟前
1
0
Hash和HashCode深入理解

目录介绍 1.Hash的作用介绍 1.1 Hash的定义 1.2 Hash函数特性 1.3 Hash的使用场景 2.如何判断两个对象相等 2.1 判断两个字符串 2.2 判断两个int数值 2.3 其他基本类型 3.HashCode深入分析 3....

潇湘剑雨
33分钟前
1
0
ecshop 漏洞如何修复 补丁升级与安全修复详情

目前ecshop漏洞大面积爆发,包括最新版的ecshop 3.0,ecshop 4.0,ecshop2.7.3全系列版本都存在着高危网站漏洞,导致网站被黑,被篡改,被挂马,许多商城系统深受其漏洞的攻击,给商城的运营者...

网站安全
34分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部