Копирование текста из <input> в <span>
Подскажите как скриптом менять надпись "Пусто" на текст возле input "Текст 1" или "Текст 2" с помощью нажатия на input.
<span class="item_price">Пусто</span> <label class="btn btn-price"> <input type="radio" name="2145715766" id="2145715766"> Текст 1 </label> <label class="btn btn-price"> <input type="radio" name="2145715766" id="2145715766"> Текст 2 </label> |
<span class="item_price">Пусто</span>
<label class="btn btn-price">
<input type="radio" name="2145715766" id="2145715766"> Текст 1
</label>
<label class="btn btn-price">
<input type="radio" name="2145715766" id="2145715766"> Текст 2
</label>
<script>
document.querySelectorAll('input[name="2145715766"]').forEach(el=>el.onclick=e=>document.querySelector('.item_price').textContent = e.target.nextSibling.textContent);
</script>
|
Цитата:
|
рони,
el вместо e.target |
j0hnik,
:yes: |
Подскажите еще как при выборе value скопировать его в span
<input type="radio" name="2145715766" id="2145715766" value="15"> <span class="item_Size"></span> |
document.querySelectorAll('input[name="2145715766"]').forEach(el=>el.onclick=e=>{
document.querySelector('.item_price').textContent = e.target.nextSibling.textContent;
document.querySelector('.item_Size').textContent = el.value;
});
|
Спасибо
Но на выходе для item_Size выводит надпись [object HTMLSpanElement] |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<label class="btn btn-price">
<input type="radio" name="2145715766" id="2145715766" value="15">А
</label>
<label class="btn btn-price">
<input type="radio" name="2145715766" id="2145715766" value="20">Б
</label>
<span class="item_price">А</span>
<span class="item_Size">15</span>
<script>
document.querySelectorAll('input[name="2145715766"]').forEach(el=>el.onclick=e=>{
document.querySelector('.item_price').textContent = e.target.nextSibling.textContent;
document.querySelector('.item_Size').textContent = el.value;
});
</script>
</body>
</html>
Ищите проблему в другом месте, что то переписывает ваш .item_Size |
| Часовой пояс GMT +3, время: 22:25. |