javascript下拉菜单onclick更改元素属性

javascript下拉菜单onclick更改元素属性,javascript,Javascript,由于某些原因,属性值没有改变。我对JavaScript的知识有限。任何帮助都将不胜感激 功能更改(金额){ document.getElementsByName(“销售金额”)。值=金额; } 销售额 使用getElementsByName时,请注意元素;它的复数形式。这意味着该函数返回节点列表集合(类似于数组)。您应该使用document.getElementsByName(“销售金额”)[0]。value=amount 您仍然不会将其视为type=“hidden”,但它在那里。您

由于某些原因,属性值没有改变。我对JavaScript的知识有限。任何帮助都将不胜感激

功能更改(金额){
document.getElementsByName(“销售金额”)。值=金额;
}

销售额

使用
getElementsByName
时,请注意
元素
;它的复数形式。这意味着该函数返回节点列表集合(类似于数组)。您应该使用
document.getElementsByName(“销售金额”)[0]。value=amount


您仍然不会将其视为
type=“hidden”
,但它在那里。您可以使用开发人员工具检查输入以查看更改。

使用
getElementsByName
时,请注意
元素
;它的复数形式。这意味着该函数返回节点列表集合(类似于数组)。您应该使用
document.getElementsByName(“销售金额”)[0]。value=amount

您仍然不会将其视为
type=“hidden”
,但它在那里。您可以使用开发人员工具检查输入以查看更改。

尝试以下操作:

  <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>

功能变更(金额)
{
document.getElementById(“销售金额”)。值=金额;
}
销售额

我认为您需要对代码进行其他更改。在使用CSSBoosttrap时,请查看事件委派,或许可以依赖jQuery。

尝试以下方法:

  <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>

功能变更(金额)
{
document.getElementById(“销售金额”)。值=金额;
}
销售额


我认为您需要对代码进行其他更改。请查看事件委派,并在使用CSSBoosttrap时使用jQuery。

谢谢。成功了,谢谢。它成功了。到目前为止,我已经掌握了javascript的基本知识。一定会检查JSFIDLE的。谢谢。那很好,你需要找个地方开始。我不明白为什么人们不停地投票给年轻的开发者。事情一开始很困难。到现在为止,我已经掌握了javascript的基本知识。一定会检查JSFIDLE的。谢谢。那很好,你需要找个地方开始。我不明白为什么人们不停地投票给年轻的开发者。事情一开始很困难。