Question

我有一个下拉列表，只要选择了一个选项，它就会转到某个链接。我想添加一个添加到购物车按钮，以便他们选择一个下拉选项，然后点击添加到购物车。

<div class="custDrop1"><select onchange="window.location=this.options[this.selectedIndex].value"> 
<option>Green</option> 
<option value="/checkout/cart/add?product=131&options[912]=4988">Blue</option> 
<option value="/checkout/cart/add?product=131&options[912]=4989">Clear</option>
<option value="/checkout/cart/add?product=131&options[912]=4990">Purple</option>
<option value="/checkout/cart/add?product=131&options[912]=4991">Black</option>
<option value="/checkout/cart/add?product=131&options[912]=4992">Ivory</option>
<option value="/checkout/cart/add?product=131&options[912]=4993">Smoke</option>
</select>
</div>
    <div class="product_reg"><span id="newprice">$146.00</span> (Reg. $218)</div>

    <div class="product_addtocart">
<a href="/checkout/cart/add?product=131&options[912]=4988" class="todayshowaddtocart">
ADD TO CART
</a>

因此，底部的链接应该是一个按钮或输入，并且更改顶部的选择应该是不同的js，但我似乎无法正确。想法？

为了清楚起见，当选择该选项时，他们必须单击底部链接/按钮才能提交该网址更改。

由于

Answer 1

如果您只想更新选项值更改中的购物车按钮链接，那么我已对您的程序进行了少量更改，我已将ID分配给您的购物车按钮并创建新的JavaScript功能：

<div class="custDrop1">
<select onchange="updatelink[this.options[this.selectedIndex].value]"> 
    <option value="">Green</option> 
    <option value="/checkout/cart/add?product=131&options[912]=4988">Blue</option> 
    <option value="/checkout/cart/add?product=131&options[912]=4989">Clear</option>
    <option value="/checkout/cart/add?product=131&options[912]=4990">Purple</option>
    <option value="/checkout/cart/add?product=131&options[912]=4991">Black</option>
    <option value="/checkout/cart/add?product=131&options[912]=4992">Ivory</option>
    <option value="/checkout/cart/add?product=131&options[912]=4993">Smoke</option>
</select>
</div>
    <div class="product_reg"><span id="newprice">$146.00</span> (Reg. $218)</div>
    <div class="product_addtocart">
<a id="cartbutton" href="/checkout/cart/add?product=131&options[912]=4988" class="todayshowaddtocart">
ADD TO CART
</a></div>
<script language="javascript">
function updatelink (link)
{
    var a = document.getElementById("cartbutton");
    a.href = link;
}
</script>

如何在按钮单击时将下拉选项链接到页面

1 个答案: