Как умножить значение двух динамически сгенерированных полей, input и span - PullRequest
0 голосов
/ 06 октября 2019

У меня есть select и input, сгенерированные javascript. Пока это работает хорошо, но проблема в том, что я хочу умножить любое значение, которое я ввожу в поле input, на 25.

Например, если я введу 2 в поле ввода,он должен автоматически отображать 50 в span. Если я продолжу добавлять дополнительные поля ввода динамически, тогда новое span и новое поле input должны по-прежнему иметь одну и ту же функцию.

$('.addRow').on('click', function() {
  i++;
  addRow();
});

function addRow() {
  var tr = '<tr class="dynamic-added">' +
    '<td>' +
    '<select ng-model="marketers" id="marketers" class="form-control marketers" name="marketers[]">' +
    '<option value="">Select Marketer </option>	 @foreach($marketers as $data)' +
    '<option value="{{$data->first_name}}">{{$data->first_name}} {{ $data->last_name }}</option> @endforeach' +
    '</select>' +
    '</td>' +
    '<td><input type="text" name="target[]" id="target2" class="form-control target" /> </td>' +
    '<td><span id="result">0</span> </td>' +
    '<td> <a href="#" class="btn btn-danger remove">- </a> </td>' +

    '</tr>';
  $('tbody').append(tr);
};
<td>
  <input type="text" name="target[]" id="target2" class="form-control target" id="target">
</td>
<td><span id="result1" class="margin-left-1 font-weight-400 example-title">15</span> </td>
<td> <a href="#" class="btn btn-danger remove">- </a> </td>


I have tried the following code..but the problem is it works for the first dynamic field..but the subsequent one doesnt work.
 

<script>
                                      
        function add() {
        document.getElementById("products").disabled = false;
        var value1 = document.getElementById('target').value || 0;

        document.getElementById('sum1').innerHTML = parseInt(value1 * 26);


        var value2 = document.getElementById('target2').value || 0; 
        document.getElementById('result1').innerHTML = parseInt(value2 * 26);
        
        }

        </script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...