如何根据选择选项建立链接？

Question

我们使用有限的CMS（在线商店），因此我们必须使用脚本。问题是：我们有一个下拉列表（select），其中options不同，每个产品都不同。我们需要制作按钮而不是select。例如：

<select id="select-1">
  <option value="0">ААА</option>
  <option value="1">BBB</option>
  <option value="2">CCC</option> 
  <option value="3">DDD</option>
</select>

我们需要（使用jQuery）在选项数量上创建按钮/链接，每个按钮/链接是对value的选择的引用，并包含文本，因为它是合适的{{1所以我们应该得到：

option

...每个链接选择适当的<div id="links"> <a href="?">AAA</a> <a href="?">BBB</a> <a href="?">CCC</a> <a href="?">DDD</a> </div> 。

如何基于jQuery创建这样的链接？

Answer 1

检查出来：

＆＃13;

＆＃13;

var links = [];
$("#select-1 option").each(function(){
  var opt = $(this);
  links.push("<a href='"+opt.val()+"'>"+opt.text()+"</a>")
});
$("#links").html(links.join())

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="select-1">
  <option value="0">ААА</option>
  <option value="1">BBB</option>
  <option value="2">CCC</option> 
  <option value="3">DDD</option>
</select>
<div id="links">

</div>

＆＃13;

＆＃13;

＆＃13;