Question

所以我有这段代码：

<select onchange="location.href=this.options[this.selectedIndex].value;" name="fancySelect" class="makeMeFancy">

       <option value="0" selected="selected" data-skip="1">Choose Your Product</option>
       <option value="img/picsamp.jpg" data-icon="img/products/iphone.png" data-html-text="iPhone 4&lt;i&gt;in stock&lt;/i&gt;">iPhone 4</option>
       <option value="2" data-icon="img/products/ipod.png" data-html-text="iPod &lt;i&gt;in stock&lt;/i&gt;">iPod</option>
       <option value="3" data-icon="img/products/air.png" data-html-text="MacBook Air&lt;i&gt;out of stock&lt;/i&gt;">MacBook Air</option>
       <option value="4" data-icon="img/products/imac.png" data-html-text="iMac Station&lt;i&gt;in stock&lt;/i&gt;">iMac Station</option>

</select>

有了它，我可以点击一个元素并转到存储在“value”属性中的链接。我的问题是，¿我可以为使用onchange生成的链接添加“rel”属性吗？我需要使用 rel 属性，而不是数据 - * 属性。

修改

我还需要在我的链接中添加？iframe = true＆amp; width = 400＆amp; height = 200 ，因为灯箱将显示iframe ...

Answer 1

如果您想打开模态窗口，那么大多数库允许您以编程方式打开窗口。因此，您可以编写一个代码块来侦听要更改的选择列表，然后手动打开一个模式窗口，其内容来自您存储在当前所选选项中的URL。

如何将“rel”属性添加到select元素的href？

1 个答案: