簡體   English   中英

s:select以填充ajax響應

[英]s:select to be populated with ajax response

下面的響應來自Struts2的對象響應,我必須在s:select標簽列表中填充它們。

   {"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:select中,由dojo進行。 spring3mvcportlet填充JSON dojo選擇

答案更新:

在您的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。

{“ items”:[{“ key”:“ 1100009028300”,“ label”:“不良電路/連接不良”},{“ key”:“ 1100009028260”,“ label”:“ HIGH PRESSURE”},{“ key “:” 1100009028380“,”標簽“:”高溫“},{”鍵“:” 1100009028280“,”標簽“:”動力不足/沒有驅動力“},{”鍵“:” 1100009028220“,”標簽“:” LEAKED“},{” key“:” 1100009028320“,” label“:” LOOSE“},{” key“:” 1100009028240“,” label“:”低壓“},{” key“:” 1100009028600“,”標簽“:”缺失或不完整“},{”鍵“:” 1100009028360“,”標簽“:”點蝕/腐蝕“}]}

輸出:

輸出

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM