從其他領域的「選擇」中獲取數據

有人可以幫助我，我已經搜索並且沒有找到我想要的是取決於在其他領域中所做的選擇，例如，所選選項的值如&名稱。從其他領域的「選擇」中獲取數據

更新：謝謝我試圖通過添加「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); 
});

非常感謝您的幫助！

來源

2013-07-13 user2578471

請告訴我們您試圖做什麼 – FSou1

我不確定要了解您想實現的目標。你能更簡潔地解釋一下嗎？使用編輯按鈕添加更多信息到您的文章。 – ForceMagic

試試這個（你可能要一個ID添加到您的select和ul元素，以確保你得到正確的）：

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-13 20:30:33

它剛剛在我身上發現，你可能想在第二個代碼塊中動態創建html。我的印象是它已經在文件的某處。 –

謝謝我試圖通過添加「id」如果它的工作，但鏈接名稱不。按照以下步驟修改腳本，以便在我的網站上獲得更多定義。可以在這裏查看：http://jsfiddle.net/87d5C/2/ – user2578471

將兩個元素設置爲相同的ID是不好的做法。所有ID在文檔上應該是唯一的。我建議將第二個'li'改爲'order1'而不是'price1'並相應地修改你的代碼。你還會介意批准我的答案嗎？請並且謝謝你:) –

從其他領域的「選擇」中獲取數據

回答

相關問題