0

誰かが私を助けることができます、私は検索しましたが、私が望むものを見つけられませんでした.

更新: 機能する場合は「id」を追加してみましたが、リンク名は「Not」です。次のようにスクリプトを変更して、私の Web サイトの両方の結果をより詳細に定義します。ここでこれを見ることができます:jsfiddle.net/87d5C/2

名前の値が機能するのを手伝ってもらえますか?

HTML:

<select id="Product1">
    <option name="billingcycle=monthly" value="16.00">1 Month</option>
    <option name="billingcycle=semiannually" value="18.00">6 Months</option>
    <option name="billingcycle=annually" value="20.00">12 Months</option>
</select>
<ul>
    <li id="price1">16.00</li>
</ul>
<ul>
    <li id="price1"><a href="cart.php?a=add&pid=300&">Order</a></li>
</ul> 

脚本:

var select = document.getElementById("Product1"),
    li = document.getElementById("price1"),
    link = li.querySelector("[href='cart.php?a=add&pid=300&']"),
    option;
select.addEventListener("change", function(e){
    option = select.options[select.selectedIndex];
    li.innerHTML = option.value;
    link.setAttribute("href", "cart.php?a=add&pid=300&"+option.name);
});

助けてくれて本当にありがとうございます!

4

1 に答える 1