Select Option JS

284

12 февраля 2017, 13:00

Пользователь выбирает из select какой-то option, каждый option имеет какое-то значение (Например: 10000), потом вводит в input число , и значение в option умножается на значение input. Как это релизовать на JavaScript?

Answer 1

$('#my_select,#my_input').change(function() { 
  $('#result').text($('#my_select').val() * $('#my_input').val()) 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<select id='my_select'> 
  <option value='100'>100</option> 
  <option value='1000'>1000</option> 
  <option value='10000'>10000</option> 
</select> 
х 
<input type='number' value='0' id='my_input'>= 
<span id=result></span>

Answer 2

<div class="form-group">
    <select class="form-control" name="select" id="select">
        <option value="1000">1000</option>
        <option value="2500">2500</option>
    </select>
</div>
<div class="form-group">
    <input class="form-control" type="text" onchange="change_opt_val($(this).val(),'select');" />
</div>
<script type="text/javascript">
    function change_opt_val(num,el){
        var opt = $('select[name=\'' + el + '\'] option:selected');
        var val = opt.val() * parseInt(num);
        opt.val(val).html(val);
    }
</script>