У меня есть 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>