2014-07-05 119 views
0

下面的響應來自Struts2的對象響應,我必須將它們填充到s:select標籤列表中。s:選擇填充ajax響應

{"items":[{"label":"BAD CIRCUIT/POOR CONNECTION","key":1100009028300},{"label":"CRACK","key":1100009028340},{"label":"HIGH PRESSURE","key":1100009028260},{"label":"HIGH TEMPERATURE","key":1100009028380},{"label":"LACK OF POWER/NO DRIVE","key":1100009028280},{"label":"LEAKED","key":1100009028220},{"label":"LOOSE","key":1100009028320},{"label":"LOW PRESSURE","key":1100009028240},{"label":"MISSING OR INCOMPLETE","key":1100009028600},{"label":"PITTED/ERODED","key":1100009028360}],"identifier":"key"} 

<s:select id="faultFound" 
        list="#{}" name="faultFoundName" listKey="key" listValue = "label" emptyOption="true" 
        value="%{destination.key.toString()}" 
        /> 

這是對我的類似問題。但我需要把列表放在s中:由dojo選擇。 spring3mvcportlet populate JSON dojo select

+0

_onchange ajax_是什麼意思? –

+0

onchange autocompleter我解僱了ajax請求。 – user533

+1

顯示代碼,因爲我不明白你在說什麼。 –

回答

0

答更新時間:

在JSP文件中,可以使用jquery來填充組合框。

代碼更新時間:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script> 
<s:select id="faultFound" list="#{}" name="faultFoundName" 
    listKey="key" listValue = "label" emptyOption="true" 
    /> 
<script type="text/javascript"> 
$(document).ready(function() { 
    loadFaultDropDown(); 
    }); 

function loadFaultDropDown() { 

     $.getJSON("getFaultsJsonURL", function(j) { 
      var options = '<option value="' + "--Select--" + '">' 
        + "--Select--" + '</option>'; 

      for (var i = 0; i < j.items.length; i++) { 
       //alert(j.items[i].key); 
       options += '<option value="' + j.items[i].key + '">' 
         + j.items[i].label + '</option>'; 
      } 
      $("select#faultFound").html(options); 

     }); 
    } 
    </script> 

注:

  1. getFaultsJsonURL是,你必須使用你的JSON數據檢索的URL。

{ 「項」:[{ 「鍵」: 「1100009028300」, 「標籤」: 「BAD CIRCUIT /連接不良」},{ 「鍵」: 「1100009028260」, 「標籤」:」高壓「},{」鍵「:」1100009028380「,」標籤「:」高溫「},{」鍵「:」1100009028280「,」標籤「:」缺乏電力/無驅動器「},{」 「:」1100009028220「,」label「:」LEAKED「},{」key「:」1100009028320「,」label「:」LOOSE「},{」key「:」1100009028240「,」label「:」LOW PRESSURE「 },{ 「鍵」: 「1100009028600」, 「標籤」: 「缺失或不完整」},{ 「鍵」: 「1100009028360」, 「標籤」: 「蝕破壞/剝蝕」}]}

輸出:

output

+0

$(「select#faultFound」)。html(options);不工作。它是無法將數據從選項s:選擇 – user533

+0

感謝您的信息 – user533

+0

這是正常的HTML ...不是HTML 5 – user533