javascript dropdown onclick變更元素屬性

Question

由於某種原因，屬性值不變。我對JavaScript有一定的瞭解。任何幫助，將不勝感激。

function change(amount) { 
 
    document.getElementsByName("sold_amount").value = amount; 
 
}

<input type="hidden" name="sold_amount"> 
 

 
<div class="dropdown"> 
 
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Sold amount 
 
     <span class="caret"></span></button> 
 
    <ul class="dropdown-menu"> 
 
    <li><a href='#' onclick="change(10000)">10000</a></li> 
 
    <li><a href='#' onclick="change(20000)">20000</a></li> 
 
    <li><a href='#' onclick="change(30000)">30000</a></li> 
 
    </ul>

Answer 1

當您使用getElementsByName，注意elementS;其複數。這意味着該函數返回一個NodeList集合（類似於一個數組）。你應該使用document.getElementsByName("sold_amount")[0].value=amount;。

你仍然沒有看到它作爲type="hidden"，但它在那裏。您可以使用開發人員工具檢查輸入以查看更改。

Answer 2

試試這個：

<input type="text" id="sold_amount" name="sold_amount"> 
    <script> 
    function change(amount) 
    { 
    document.getElementById("sold_amount").value=amount; 
    } 
    </script> 
    <div class="dropdown"> 
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Sold amount 
     <span class="caret"></span></button> 
     <ul class="dropdown-menu"> 
     <li><a href='#' onclick="change(10000)">10000</a></li> 
     <li><a href='#' onclick="change(20000)">20000</a></li> 
     <li><a href='#' onclick="change(30000)">30000</a></li> 
    </ul> 

https://jsfiddle.net/igasparetto/g0j6342r/

我想你會需要進行其他更改你的代碼。看看事件代表團，並且可能在使用CSSBoostrap時依賴於jQuery。