2014-07-05 74 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