0

有人可以帮助我，我已经搜索并没有找到我想要的是根据其他字段中的选择取所选选项的值，例如值和名称。

更新：谢谢我通过添加“id”来尝试它，如果它有效，但链接名称“不”。如下修改脚本，以便在我的网站上的两个结果中进行更多定义。可以在这里查看：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

0

试试这个（你可能想为你的select和ul元素添加一个 id 以确保你得到正确的）：

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

让我知道这是否适合您。

于 2013-07-13T20:30:33.757 回答