javascript - select要素のhrefに「rel」属性を追加するには?

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>

これにより、要素をクリックして、「値」属性に格納されているリンクに移動できます。私の質問は、 onchange で生成されたリンクに「rel」属性を追加できますか? data-*属性ではなく、rel属性を使用する必要があります。

編集：

ライトボックスが iframe を表示するため、リンクに?iframe=true&width=400&height=200を追加する必要もあります...