[英]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>
注意:
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.