2017-03-24 12 views
0

JVectormapのjvectormap-elementからデータ属性の最後の2文字(この場合はVA)を取得しようとしています。データベースのStateオブジェクトと比較し、select2プラグインで対応する郡をロードします。 select2のAJAXでデータを設定できません。これまで私は次のコードを試しました。前もって感謝します。select2プラグインでJSONデータを読み込む方法

HTML

<input type="hidden" class="tag"> 

JS:

$(".jvectormap-element").on("click", function(){ 
      data1 = $(this).data("code"); 
      $state = data1.slice(3, 5); 
      $(".tag").select2({ 
       tags: true, 
       multiple: true, 
       cache: true, 
       allowClear: true, 
       ajax: { 
        type: "get", 
        url: http_host + '/leads/regions/counties?state=' + $state, 
        data: {state: $state}, 
        dataType: "json", 
        processResults: function(data) { 
         optionsValues=''; 
         for (var i=0;i<data.length;i++) { 
          optionsValues += '<option>' + data[i].CountyName + '</option>'; 
         } 
        } 
       } 

      }); console.log($(".tag").select2('data')); 
     }); 
    }); 

URLからJSONデータ:

[{"CountyName":"Accomack"},{"CountyName":"Albemarle"},{"CountyName":"Alexandria City"},.....] 

答えて

0

.slice配列のためではなく、文字列の場合。

だけ$state = data1.slice(3, 5);これは、ゼロベースである

$state = data1.substr(3, 4);には変更...だから、最初の文字が .substr()を使用して0
で、第一引数が開始する場所であり、それ含む を停止する場所第二があります。

0

$ state = data1.slice(3、5);を置き換えます。これと一致する行

$strings = data1.split('-'); 
$state = $strings[1]; 
関連する問題