在javascript中迭代值并形成下拉列表

时间:2017-01-12 08:54:04

标签: javascript

我需要从下面的值开始下拉,该值从后端传递到jsp页面。

代码:

   var test = ${paymentAccountForm.crdCardTyp}
     alert(test);

现在我有硬编码测试值。

警报值:

[LabelValueBean[Visa,V],LabelValueBean[MasterCard,M],LabelValueBean[American Express,A],LabelValueBean[Discover,D]]

我需要迭代此测试值以使用计划javascript形成下拉列表。

我可以知道如何迭代这个。

1 个答案:

答案 0 :(得分:0)

假设您可以某种方式将paymentAccountForm.crdCardTyp转换为有效的JSON格式,您可以像这样动态创建下拉选项:



var labels = [{  text: 'Visa',  value: 'V'}, 
              {  text: 'MasterCard',  value: 'M'}, 
              {  text: 'American Express',  value: 'A'}, 
              {  text: 'Discover',  value: 'D'}];

var select = document.getElementById("dropdown");

for (var i = 0; i < labels.length; i++) {
  var label = labels[i];
  var option = document.createElement("option");
  option.text = label.text;
  option.value = label.value;
  select.add(option);
}
&#13;
<select id="dropdown"></select>
&#13;
&#13;
&#13;