Вывод из класса в input value?

Question

[wib]

Как вывести данные из переменной в input value?

<p class="order-result__text">Текст который нужно вывести в input</p>
<input type="text" name="dop" id="mytext" value="тут нужно вывести содержание из класса "order-result__text"">

Answer 1

[Роман]

Собственно
document.querySelector('input').value
..взять value у нужного инпута. Ну и наоборот, чтобы установить value
document.querySelector('input').value = 'text';

Comments

[wib]

Роман, посмотрите пожалуйста код

<p class="order-result__text">Текст который нужно вывести в input</p>
<input type="text" name="dop" id="mytext" value="тут нужно вывести содержание из класса "order-result__text"">

-
Как в данном случае сделать?

[Роман]

wib,

<p class="order-result__text">Текст который нужно вывести в input</p>
  <input type="text" name="dop" id="mytext" value="">
  <script>
    mytext.value = document.querySelector('.order-result__text').innerHTML
  </script>

[wib]

Да, но если изменить текст в "order-result__text", то она не меняется в input. Можно ли сделать так, чтобы при редактировании содержания "order-result__text" в input, текст менялся динамически?

[Роман]

wib, можно. А как в элементе текст динамически поменяется?

[wib]

Установлен калькулятор... prntscr.com/h1zpyu
js

[Роман]

wib, что то сегодня уже голова не соображает =) понятное дело из инпута в записать данные, но наоборот... Вы что вручную в Р будете менять текст постоянно? И какой текст в инпут должен попадать, весь или только число =) Тут подробнее нужно рассказать... Можно в ВК, но уже завтра, если вопрос не решится.

[wib]

spb.cleanbros.ru/calculate_success/

[wib]

Посмотрите сам калькулятор ссылку отправил

[Роман]

wib, уже полюбопытствовал =) Просто визуально часть со скриншота не увидел. Оно вроде там нормально все считает. Или это не ваш сайт и вы хотите как у них сделать? НУ там все поля из инпутов берутся...

[wib]

Я хочу вывести информацию из блока "Дополнительно" (prntscr.com/h200od) в, например, input - "Промокод"

[wib]

Да, сам скрипт у них скопировали)

[Роман]

wib, И вернулись к тому с чего начали)) ладно текст из Р в инпут.. Как он динамически в Р будет попадать и почему тот же скрипт в инпут не может сразу запихнуть текст

[wib]

Вот код отвечающий за вывод:

$('input[name="total"]').val(totalDiscount);
    $('input[name="totalCost"]').val(total);
    if ((applyPromo && discount) || (applyPromo && welcome)) {
        $('.result-price__number').html('<span style="text-decoration: line-through;color:black;">' + total + '</span> ' + totalDiscount + "");
//        $('p.totalOrderStep2 span').html(totalDiscount + " руб.");
        $('p.totalOrderStep2 span').html(totalDiscount + "");
    } else {
        $('.result-price__number').html(total + "");
//        $('p.totalOrderStep2 span').html(total + " руб.");
        $('p.totalOrderStep2 span').html(total + "");
    }
    if (additionalHtml !== "") {
        $('.order-result__text').html('<span>Дополнительно:</span> ' + additionalHtml);
    } else {
        $('.order-result__text').html('');
    }
    if (additionalPromoHtml !== "") {
        $('.order-result__text').append(additionalPromoHtml);
    }
    if (welcome) {
        $('.order-result__text').append("<p>&nbsp;</p><p>Промокод приглашение: " + welcome + " рублей</p>");
    }
    console.log(total);
};

[wib]

и почему тот же скрипт в инпут не может сразу запихнуть текст

Может, наверное, я собственно вам задаю этот вопрос)

[wwwkillme]

Всем привет, ну а если просто нужно протащить через одну из форм несколько значений и после отправить их себе на почту, - как, всё-таки получив значение через jq, можно его отослать в другие поля другой формы value="вот именно сюда" ??

- у меня всё доехало только до размещения нужного мне поля

<input type="text" class="price" id="sval" name="sval" value="здесь нужно">а данные вот здесь отображаются</input>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$( "input" ).on( "click", function() {
    $( ".price" ).html( $( "input:checked" ).val() + " Руб." ) 
    });
    $(".price").on("click", function() {
    var sval = $(this).val();
});
</script>

<input name="sval" id="sval" class="price" type="text" value="как сюда переносить данные?" />

Есть кто может перепишет jq - фляга уже засвистела искать варианты =) ?

[Роман]

wwwkillme,

sval.value = 'нужный вам текст\текст из переменной\текст из другого поля\сигнал из космоса';

[Роман]

здесь нужно
  <br>
  <input type="text" id="price" name="sval" value="здесь нужно" />
  <br>
  <br> как сюда переносить данные?
  <br>
  <input type="text" id="sval" name="sval" value="здесь нужно" disabled/>
  <script type="text/javascript" charset="utf-8">
    price.oninput = function() {
      sval.value = price.value;
    }
  </script>

Может быть так ?! =))

[wwwkillme]

я тоже находил этот способ, но что-то не думал о краткости, и т.к. у меня все инпуты уже с данными и передавать требовалось чЕкнутое, вот, что заработало:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
// дергаем цену из чЕкнутого инпута <input class="price" name="price" value="отсюда" checked>
$( "input" ).on( "click", function() {
$(".price").html( $( "input:checked" ).val() + " Руб." )
}); 
// вставляем дЁрнутую цену в другой инпут <input class="price" id="sval" name="sval" value="сюда">
$(function(){
        $('input').change(function(){
        var price = $('input:checked').val();
        $("#sval").mask(price); // sval от сокращенного selected value =)
    })
}); 
</script>

[wib]

Роман, wwwkillme, Вы мне даете решение вывода данных из инпута в инпут, а у меня данные выводятся в div...

[Роман]

wib, так нужно нарыть код который вывод в див и брать из него.. Нет, конечно можно и с дива, но зачем.

[wib]

Роман, Вот код, который выводит данные в класс "order-result__text"

$('input[name="total"]').val(totalDiscount);
    $('input[name="totalCost"]').val(total);
    if ((applyPromo && discount) || (applyPromo && welcome)) {
        $('.result-price__number').html('<span style="text-decoration: line-through;color:black;">' + total + '</span> ' + totalDiscount + "");
//        $('p.totalOrderStep2 span').html(totalDiscount + " руб.");
        $('p.totalOrderStep2 span').html(totalDiscount + "");
    } else {
        $('.result-price__number').html(total + "");
//        $('p.totalOrderStep2 span').html(total + " руб.");
        $('p.totalOrderStep2 span').html(total + "");
    }
    if (additionalHtml !== "") {
        $('.order-result__text').html('<span>Дополнительно:</span> ' + additionalHtml);
    } else {
        $('.order-result__text').html('');
    }
    if (additionalPromoHtml !== "") {
        $('.order-result__text').append(additionalPromoHtml);
    }
    if (welcome) {
        $('.order-result__text').append("<p>&nbsp;</p><p>Промокод приглашение: " + welcome + " рублей</p>");
    }
    console.log(total);
};