【问题标题】:set select option from json从 json 设置选择选项
【发布时间】:2019-04-05 04:13:59
【问题描述】:

我有函数调用json 值 现在,当用户打开帐户编辑页面时,我需要在页面打开时默认选择国家

var url_country="<?=base_url()?>country.json";
 var negara_list ="<option value=''></option>";
    $.getJSON(url_country, function(data) {
      $.each(data,function(key,val){
         negara_list += "<option value="+val+">"+val+"</option>";
      });
      $(".negara").html(negara_list);
  });

【问题讨论】:

  • 你需要selected属性

标签: php json codeigniter


【解决方案1】:

试试这个,希望对你有帮助

var url_country="<?=base_url()?>country.json";
var user_define_country = 'USA';
var negara_list ="<option value=''></option>";
    $.getJSON(url_country, function(data) {
      $.each(data,function(key,val){
         if(user_define_country == val){
            negara_list += "<option value="+val+" selected='selected'>"+val+"</option>";
         }else{
            negara_list += "<option value="+val+">"+val+"</option>";
         }
      });
      $(".negara").html(negara_list);
  });

【讨论】:

    【解决方案2】:

    你可以尝试这样的事情,如果你的json响应只有一个国家,那么不需要玩each功能,如果你的响应不止一个国家​​那么你会指定哪个国家作为默认选择

    针对单一国家/地区的响应

        var url_country="<?=base_url()?>country.json";
        var negara_list ="<option value=''></option>";
    
        negara_list += "<option value="+url_country.country+" selected>"+url_country.country+"</option>";
    
           $(".negara").html(negara_list);
        });
    

    针对多个国家/地区的响应

        var my_country = "United States"; // country which is going to auto selected
    
        var url_country="<?=base_url()?>country.json";
    
        var negara_list ="<option value=''></option>";
    
         $.getJSON(url_country, function(data) {
    
           $.each(data,function(key,val){
    
              if(my_country == val)
              {
                  negara_list += "<option value="+val+" selected>"+val+"</option>";
              }
              else
              {
                   negara_list += "<option value="+val+">"+val+"</option>"; 
               }
    
             });
    
           $(".negara").html(negara_list);
        });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-03-08
      • 2015-08-27
      • 2012-04-23
      • 2012-10-31
      • 2018-12-29
      • 1970-01-01
      相关资源
      最近更新 更多