ajax 返回数组数据 生成select
ajax 返回数组数据 生成select
久一网络 发表于2年前
ajax 返回数组数据 生成select
  • 发表于 2年前
  • 阅读 9
  • 收藏 0
  • 点赞 0
  • 评论 0

华为云·免费上云实践>>>   

摘要: ajax 返回数组数据 生成select
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);  
}  
标签: ajax
共有 人打赏支持
粉丝 0
博文 34
码字总数 22404
×
久一网络
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: