誰かが私を助けることができます、私は検索しましたが、私が望むものを見つけられませんでした.
更新: 機能する場合は「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);
});
助けてくれて本当にありがとうございます!