文档章节

ajax 返回数组数据 生成select

久一网络
 久一网络
发布于 2015/10/22 07:00
字数 319
阅读 18
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

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
40
0
laravel基础课程---11、lavarel的ajax操作(ajax优劣势是什么)

laravel基础课程---11、lavarel的ajax操作(ajax优劣势是什么) 一、总结 一句话总结: 优势:用户友好度:异步通信,不会频繁刷新页面,用户友好度比较高 优势:减轻数据库压力 缺点:操作难...

osc_2btjzrrn
2019/05/12
2
0
ThinkPHP示例:ajax分页操作

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

冬瓜1
2013/12/15
265
0
基于forms组件和Ajax实现注册功能

一、基于forms组件的注册页面设计 1、运用forms组件的校验字段功能实现用户注册  views.py: (在钩子中代码解耦,将form放在cnblog/blog/Myforms.py中) from django import formsfrom django...

osc_zq5b9cke
2018/07/24
3
0
使用Mock.js进行独立于后端的前端开发

概述 Mock.js实现的功能 基于 数据模板 生成数据 基于 HTML模板 生成数据 拦截并模拟 Ajax请求 用法 浏览器: 返回值: JQuery: 配置模拟数据: 发送Ajax请求: 返回数据: Node.js: Angula...

Pusri
2019/09/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 打死这个下蛋的鸡算了

首页乱弹入口,感谢巴蜀。 【正文】 @莫默磨墨先生 :千万不要想着摆地摊,老老实实写代码去! 别问为什么, 问就是你不合适! 干脆直接卖烤串得了…… 所以现在喊着你摆地摊的, 一定是隔壁...

小小编辑
今天
29
1
Synchronized底层实现

https://blog.csdn.net/qq_35190492/article/details/106180781

JaneRoad
今天
18
0
解决okhttp无法重用连接的问题

解决okhttp无法重用连接的问题 最近在一个程序中使用okhttp调用http接口。开始时一切正常,但是测试运行一段时间后,okhttp就会报告recv失败。同时在调用端机器上,netstat显示很多套接字是T...

tommwq
今天
17
0
入坑Linux-day15(使用DHCP动态管理主机地址)

一、动态主机配置协议(DHCP) #DHCP是一种基于UDP协议且仅限于在局域网内部使用的网路协议,主要用于大型的局域网环境或者存在较多移动办公设备的局域网环境中,其主要用途是为局域网内部的...

宁生写你
今天
8
0
js canvas 旋转90度的整数倍

为了避免出现黑框 效果如下 根据不同的方向,设置宽高和画笔位置等 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"/> <title>Title</title> <style> .img ......

阿豪boy
今天
22
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部