如何建立基于选择选项的链接？
如何建立基于选择选项的链接？
提问于 2015-05-04 17:56:05
我们使用有限的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的引用，并包含文本，因为它将是一个适当的option，因此我们应该得到：
<div id="links">
<a href="?">AAA</a>
<a href="?">BBB</a>
<a href="?">CCC</a>
<a href="?">DDD</a>
</div>...where每个链接都选择一个适当的option。
如何基于jQuery建立这样的链接？
Stack Overflow用户
回答已采纳
发布于 2015-05-04 18:08:00
看看这个：
var links = [];
$("#select-1 option").each(function(){
var opt = $(this);
links.push("<a href='"+opt.val()+"'>"+opt.text()+"</a>")
});
$("#links").html(links.join())<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30036682
复制相关文章
相似问题
腾讯云开发者
