Question

所以我试图根据用户选择的LED模块设置变量w（瓦特数）。我正在使用bootstrap库。

这是身体标签内的内容：

<div class="container">
  <h2>LED Power Supply Calculator</h2>
  <p>Please select your LED type, then type how many LEDs you will be using in your box</p>                                        
  <div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Select your LED
    <span class="caret"></span></button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
      <li class="dropdown-header">Wide angle beam</li>
      <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript: onclick(w = 1.2);">HLC3S - HW W65K</a></li>
      <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript: onclick(w = 0.72);">HLC3S - LW W65K</a></li>
      <li role="presentation" class="divider"></li>
      <li class="dropdown-header">Standard beam</li>
      <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript: onclick(w = 0.06);">HLC3S XD W65K</a></li>
    </ul>
  </div>
<BR>
<form role="form">
    <div class="form-group">
      <label for="usr">How many LEDs</label>
      <input type="number" class="form-control" id="usr">
    </div>
</div>

 <script type="text/javascript">    
      document.write(w * 10);   
 </script>

我希望最终将瓦数乘以用户输入的LED数量。现在，当用户点击LED类型时，我需要帮助设置变量“w”。

Answer 1

如果你做了一个document.write，你的所有内容都将被删除，而不是在这里我们定义了一个函数w()，它取了瓦特的值并进行计算并将其打印在html {{{ 1}}

希望这有帮助

<span class="form-control" id="watt">

如何基于引导项选择设置变量

1 个答案: