2013-07-17 72 views
0

我有一個JSON文件被用來自動填充一些選擇框。無論何時(我不能重新創建錯誤,它看起來是隨機的),直到我刷新頁面時,下拉菜單中的項目纔會顯示。由JSON自動填充的選擇框有時需要刷新之前顯示

我檢查了控制檯和日誌等文件加載正常,沒有錯誤出現,我有點茫然。

任何想法?

JSON的例子和下面的代碼。

謝謝。

"radAbsorbed" : [ 
    { 
     "value" : "rad", 
     "name" : "Rad(rd)" 
    }, 
    { 
     "value" : "millirad", 
     "name" : "Millirad(mrd)" 
    }] 

和腳本:

<script> 
//  JSON: 
//  The key is the class identifier, temp, area etc etc 
//  Value is being used for both ID and Value when the list is being populated 
    $.getJSON('JSON/conversionJSON.json', function(data){ 

     console.log(data); 
     //for testing output only 
     var list = $("<ul />"); 

     $.each(data, function (key, conversions) { 
      console.log(key + ":" + conversions); 

      $.each(conversions, function (index, conversion) { 
       console.log("<li>Name: " + conversion.name + " :Value: " + conversion.value + "</li>"); 

       if(key == "<?php echo $conversionType ?>"){ 

        $("#from").append('<option class="'+key+'" id="'+conversion.value+'" value="'+conversion.value+'">'+conversion.name+'</option>'); 
        //testing output 
        var elem = $("<li>Name: " + conversion.name + " :Value: " +  conversion.value + "</li>").appendTo(list); 
       } 
      }); 
     }); 
     //$("#testJSON").html(list); 
    }); 
</script> 

編輯: 更新腳本。

$(document).ready(function(){ 

$.getJSON('JSON/conversionJSON.json', function(data){ 

    console.log(data); 
    //for testing output only 
    var list = $("<ul />"); 

    $.each(data, function (key, conversions) { 
     console.log(key + ":" + conversions); 

     $.each(conversions, function (index, conversion) { 
      console.log("<li>Name: " + conversion.name + " :Value: " + conversion.value + "</li>"); 

      if(key == "<?php echo $conversionType ?>"){ 

       $("#from").append('<option class="'+key+'" id="'+conversion.value+'" value="'+conversion.value+'">'+conversion.name+'</option>'); 
       $("#to").append('<option class="'+key+'" id="'+conversion.value+'" value="'+conversion.value+'">'+conversion.name+'</option>'); 
       //testing output 
       var elem = $("<li>Name: " + conversion.name + " :Value: " + conversion.value + "</li>").appendTo(list); 
      } 
     }); 
    }); 
    //$("#testJSON").html(list); 
}); 
}); 

編輯:謝謝大家對他們的幫助,它似乎是工作的罰款,看起來像我的一部分是業餘的錯誤。

+0

這個'

相關問題