Как установить переменную на основе выбора элемента начальной загрузки

Question

Итак, я пытаюсь установить переменную w (для мощности) на основе того, какой светодиодный модуль выбирается пользователем. Я использую библиотеку начальной загрузки.

Вот что внутри тегов тела:.

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

Я хочу, чтобы в конечном итоге умножить потребляемую мощность на количество светодиодов пользователь помещает в данный момент я просто нужна помощь, установив переменную «ш», когда пользователь нажимает тип светодиода.

Answer 1

Если вы делаете document.write все ваше содержание будет утеряно вместо здесь мы определили функцию w() Уик принимает в значении ватт и делает свой расчет и выводит его в пролете добавлен в HTML <span class="form-control" id="watt">

Упование это помогает

<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" onclick="w(1.2);">HLC3S - HW W65K</a></li> 
     <li role="presentation"><a role="menuitem" tabindex="-1" 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" 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"> 
     <span class="form-control" id="watt"></span> 
    </div> 
</div> 

<script type="text/javascript">  
    function w(val){ 
     document.getElementById('watt').innerHTML = val*10; 
    }  

    //document.write(w * 10); 
</script>