0

所以我有这个代码：

<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>

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

编辑：

我还需要将?iframe=true&width=400&height=200添加到我的链接中，因为灯箱将显示 iframe...

4

1 回答 1

0

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

于 2012-12-22T01:20:38.693 回答