Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Передать содержимое из div в input (https://javascript.ru/forum/css-html/86345-peredat-soderzhimoe-iz-div-v-input.html)

Quark_ 12.03.2025 20:30

Передать содержимое из div в input
 
Есть div, содержимое которого формируется с помощью скрипта (ползунок):
<p id="all_summ" class="form-range__total">146 000<span class="form-range__postfix"> ₽</span></p>


Есть input:
<input type="text" name="imja" id="simpleForm2_109_imja_elem" >


Как по клику на этот input передать содержимое (в идеале только цифры) из div в другой input, а именно в:
<input type="text" name="summa" id="simpleForm2_109_summa_elem" >


Пробовал скрипт:
$(document).ready(function() {
  $('#simpleForm2_109_imja_elem').click(function() {
      $("#all_summ").html($("#simpleForm2_109_summa_elem").html());
  });
});

но не срабатывает...

ksa 12.03.2025 21:14

Цитата:

Сообщение от Quark_
Пробовал скрипт:
...
но не срабатывает...

Просто так что-то писать - редко будет срабатывать. ;)

Как вариант...

<p id="all_summ" class="form-range__total">146 000<span class="form-range__postfix"> ₽</span></p>
<input type="text" name="imja" id="simpleForm2_109_imja_elem" />
<input type="text" name="summa" id="simpleForm2_109_summa_elem" />
 
<script>
$(_ => {
	$('#simpleForm2_109_imja_elem').click(function() {
		const v = $("#all_summ").contents().first().text()
		// или вот так
		//const v = $("#all_summ").text().match(/\d+\s\d+/)
		$("#simpleForm2_109_summa_elem").val(v);
	});
})
</script>


Часовой пояс GMT +3, время: 05:15.