Скажите пожалуйста, как сделать передачу текста из div в textarea без клика?

Question

[MaksimUl]

<script>
$('#div').on('click', function() {
var text = $(this).text();
$('#textarea').val(text);
});
</script>

Comments

[sim3x]

А с помощью чего?

[MaksimUl]

sim3x, можно php или js

[MaksimUl]

sim3x, Не сразу понял) Без клика, а сразу при загрузке страницы

[sim3x]

MaksimUl, Ну вот и сделайте копирование на онлоад

[MaksimUl]

<script>
$('#div').on('load', function() {
var text = $(this).text();
$('#textarea').val(text);
});
</script>

Так? Если так, то я пробовал, не работает

[Dima Polos]

MaksimUl, событие onload обычно к window применяется, напишите $(window).on('load', () => {...});
Проще так:
$(function(){
var text = $('#div').text();
$('#textarea').val(text);
});

[MaksimUl]

Dima Polos, Я мало что понимаю в js. Твой код тоже не работает

[Dima Polos]

MaksimUl, Максим, опиши, плиз, задачу. Есть некий див с текстом внутри, есть текстареа, надо чтобы в текстарее был текст из этого дива?

[Dima Polos]

MaksimUl, https://jsfiddle.net/dimovich85/qbtxszky/ вот тут все работает.

[MaksimUl]

Dima Polos, Да мне надо, чтобы текст из div был в textarea.
Есть некий калькулятор, который производит расчет заказа. Данные выводятся в div. Мне надо чтобы эти данные (текст) были уже в форме перед отправкой на сервер (на почту) Страничка php.

может типа такой штуки что-нибудь написать? на странице есть

<script>
function init() {
var orderVals = {
div:"<?=$_POST['div']?>",}} - этот POST превращается в текст и его можено копировать и вставлять куда угодно, например в форму

[Dima Polos]

MaksimUl, вот скрипт выше я давал, на фидл.нет, нажмите в верху слева run, посмотрите, такой эффект надо? Вы изначально правильно все написали, только без клика, пишете просто в js, только код должен после загрузки страницы отработать.

$(function(){
	var text = $('.text').text();
	$('#textar').val(text);
});

[MaksimUl]

Dima Polos, Да, такой эффект надо, но скрипт почему то не дублирует текст- не работает(

[Dima Polos]

Проверь, что ты передал id именно textarea в $('тут надо именно текстареи селектор'), я когда писал пример случайно передал селектор контейнера, тоже не работало ничего, а потом я увидел этот момент. Проверь, что эти действия происходят ПОСЛЕ загрузки контента, достаточно сделать такими способами:

// Первый
window.onload  = function(){
.... код, функции
}
// Второй
$(document).ready(function(){
... код
});
// Третий, самый короткий, просто функцию передаем в $()
$(function(){
... код
});

Проверь через консоль, напиши:

$(function(){
    var text = $('#div').text;
    console,log('Текст в диве: ' + text);
    var textarea = $('#textarea');
    console.log('Что в текстареа: ' + textarea);
    textarea.val(text);
    console.log('Значение текстареа: ' + textarea.val());
});

Далее в девтулз открой консоль и посмотри, что там видно, может не находит сам див, может не видит текстареа, или вместо нее в переменную попадает какой-то другой элемент. Посмотри, что после присвоения value в textarea будет в ее значении. Тогда можно двигаться дальше.

[Dima Polos]

MaksimUl, Если правильно понял задачу, то есть варианты обходные. Почему бы в php не вписать в textarea value=... и передать на клиент уже значение поля, а не переносить его вручную. Если этот текст не надо редактировать пользователю, а просто передать на сервер, то почему бы не добавить input type="hidden", ну или даже просто type="text" value=text, и в него jsом value передать. Если надо взять значение из дива для отправки на сервер, почему бы не поручить сбор данных jsу? Типа js будет брать текст из дива, формировать объект, а потом по клику на какую-то кнопку все слать на сервер?
Я не знаю сути задачи, просто мозговой штурм, накидал идей, может натолкну на верный вариант. Последний способ решить задачу - выспаться)

[MaksimUl]

Dima Polos, Да лучше будет передать значение, но я не понимаю php.
Вот те данные из дива видит человек который выполнил расчет по калькулятору. Когда он делает заказ, отправляя свои контактные данные мне на почту, я хотел бы видеть, что он там насчитал и заказал

[Dima Polos]

MaksimUl, тогда выходит, человек насчитал что-то и потом увидел текстарею, взял и поправил там все наоборот, и в итоге придет на сервер непойми что. Лучше сделать в хтмл разметке такое:

<input type="hidden" id="text_input" name="text_from_div"/>

JS:

$(function(){
  var text = $('.text').text();
  $('#text_input').val(text);
});

Если с сервера отправлять, то надо найти в php скрипт, который это все формирует и добавить туда что-то такое:
<textarea value="<?php echo $text_for_div; ?>"/>

[MaksimUl]

Dima Polos, К текстарее можно добавить readonly и тогда не сможет редактировать

[Dima Polos]

MaksimUl, если юзер опытный, и ему это будет надо, то обойдет это просто через отладчик в браузере, удалив ридонли. Но не суть, если не страшно, то пойдет. В случае с инпутом типа хидден уже сложнее поправить текст, а в случае, если js сам будет находить нужные для отправки данные и сам формировать Post запрос, отсылать его, то еще сложнее обойти систему.

[MaksimUl]

Dima Polos, И как это сделать - (js сам будет находить нужные для отправки данные и сам формировать Post запрос, отсылать его)?

Так?
<textarea value="<?php echo $text_for_div; ?>"/>

[Dima Polos]

MaksimUl, вы скопировали код для php... То что я описал сделать сложнее.

[MaksimUl]

Dima Polos, Да понятно, что не все так просто. Спасибо!

[MaksimUl]

Dima Polos,
Текст из div в переменную php, как сделать?

<?php
$CFT = '<div class="CFT" name="CFT"></div>';
?>
<input type='text' name='in_CFT' value="<?php echo $CFT; ?>">
<div class="CFT">Тут динамический текст</div>

Answer 1

[Aligatro]

Если я правильно понял, вам нужно, чтобы текст после загрузки страницы из какого-то блока перемещался в textarea? Если да, вот пример.

Comments

[MaksimUl]

Да, но не работает ничерта. Спасибо за помощь)