Ввод в input с кнопки
Добрый день, возник вопрос, как правильно ввести данные с кнопок в два поля ввода input?
Создал такую вот форму:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<div id="div">
<form class="was-validated">
<div class="form-group">
<label for="inputAddress">Начальный параметр:</label>
<input type="text" class="form-control" id="div_adjust_name_3_1" placeholder="Было" autocomplete="off" required>
</div>
<div class="form-group">
<label for="inputAddress2">Измененный параметр:</label>
<input type="text" class="form-control" id="div_adjust_name_4_1" placeholder="Стало" autocomplete="off" required>
</div>
</form>
<div class="form-group col-md-4">
<button class="btn btn-info" onclick="numFix_ts(1)">1</button>
<button class="btn btn-info" onclick="numFix_ts(2)">2</button>
<button class="btn btn-info" onclick="numFix_ts(3)">3</button>
</div>
<div class="form-group col-md-4">
<button class="btn btn-info" onclick="numFix_ts(4)">4</button>
<button class="btn btn-info" onclick="numFix_ts(5)">5</button>
<button class="btn btn-info" onclick="numFix_ts(6)">6</button>
</div>
</div>
<script type="text/javascript">
function numFix_ts(n){
//if($("#div_adjust_name_3_1").is(":checked")){
$("#div_adjust_name_3_1").val(function(i, val) {
return val + n;
});
// };
}
</script>
Сам вопрос, как вводить в поле input на которое было нажато мышкой? Я думал напишу if($("#div_adjust_name_3_1").is(":checked")) но после нажатия на кнопку выделение слетает.:-? |
<input type="text">
<input type="text">
<button>1</button>
<button>2</button>
<script>
var a;
var inp = document.querySelectorAll('input');
inp.forEach((el,i)=>el.onfocus = e => {
if(el == e.target) a = i;
});
document.querySelectorAll('button').forEach(el=>el.onclick = e => inp[a].value += el.textContent);
</script>
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<div id="div">
<form class="was-validated">
<div class="form-group">
<label for="inputAddress">Начальный параметр:</label>
<input type="text" class="form-control" id="div_adjust_name_3_1" placeholder="Было" autocomplete="off" required>
</div>
<div class="form-group">
<label for="inputAddress2">Измененный параметр:</label>
<input type="text" class="form-control" id="div_adjust_name_4_1" placeholder="Стало" autocomplete="off" required>
</div>
</form>
<div class="form-group col-md-4">
<button class="btn btn-info" onclick="numFix_ts(1)">1</button>
<button class="btn btn-info" onclick="numFix_ts(2)">2</button>
<button class="btn btn-info" onclick="numFix_ts(3)">3</button>
</div>
<div class="form-group col-md-4">
<button class="btn btn-info" onclick="numFix_ts(4)">4</button>
<button class="btn btn-info" onclick="numFix_ts(5)">5</button>
<button class="btn btn-info" onclick="numFix_ts(6)">6</button>
</div>
</div>
<script type="text/javascript">
var selInput = $("#div_adjust_name_3_1");
$('input.form-control').on('click', function () { selInput = $(this);});
function numFix_ts(n){
selInput.val(function(i, val) {
return val + n;
});
}
</script>
|
:-?
return +val + n; |
j0hnik,
Dilettante_Pro, рони, Спасибо вам :thanks: |
| Часовой пояс GMT +3, время: 16:06. |