jQuery对象数据奇数偶数值,以select odd作为选项值显示,甚至作为选项文本

时间:2017-09-07 06:18:26

标签: jquery object

g_regions = ["USD", "North America", "EUR", "Europe", "GBP", "United Kingdom", "USD", "Asia & Pacific", "USD", "Australasia", "USD", "South America", "USD", "Africa"];

以上值使用 jQuery select dropdown中显示。

表示Eg:像这样输出

<select>
  <option value="USD">North America</option>
  <option value="EUR">Europe</option>
  <option value="GBP">United Kingdom</option>
  <option value="USD">Asia & Pacific</option>
  <option value="USD">Australasia</option>
  <option value="USD">South America</option>
  <option value="USD">Africa</option>
</select>

1 个答案:

答案 0 :(得分:3)

您可以使用解决方案

&#13;
&#13;
$('body').append('<select />');

var g_regions = ["USD", "North America", "EUR", "Europe", "GBP", "United Kingdom", "USD", "Asia & Pacific", "USD", "Australasia", "USD", "South America", "USD", "Africa"];

for(var i=0; i<g_regions.length; i=i+2){
  $('select').append(`<option value="${g_regions[i]}">${g_regions[i+1]}</option>`);
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

使用step increment of 2&amp;循环遍历数组然后将option追加到select

我已将ES6版本与backtick一起使用,而不是使用单引号或双引号&amp; ${}

${}用于赋值,在大括号内你需要一个变量。

参考: - JavaScript-Template_literals

希望这会对你有所帮助。