Как перенести текст в input value

@JohnyGO · Регистрация: 18.11.2020

Студворк — интернет-сервис помощи студентам

HTML5
1
<h3 class="cart-item-title" id="tovar-name">БП Gigamax 750w Broze -Plus</h3>

HTML5
1
2
3
4
                          <div class="form-items">
                                        <label for="Form_name" class="fotm__label">Текст</label>
                                        <input id="Form_name" type="text" name="name" class="form__input_name" value="1 2 3">
                                    </div>

Надо перенести текст из класса cart-item-title, в значение value в input поле. Только начинаю учить js. Буду рад решениям на vue или ванильке.

@DrType · 19.12.2021, 14:43

На Vue 2 можно так (не зная всей вашей логики):

HTML5
1
2
3
4
5
6
7
<div id="root">
  <h3 v-for="item of cartItems" class="cart-item-title" id="tovar-name">{{item.title}}</h3>
  <div class="form-items">
    <label for="Form_name" class="fotm__label">Текст</label>
    <input id="Form_name" type="text" name="name" class="form__input_name" v-model="cartItems[0].title">
  </div>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
new Vue({
  el: "#root",
  data: {
    cartItems: [
      {
        title: "БП Gigamax 750w Broze -Plus"
      }
    ]
  }
});

@JohnyGO · 19.12.2021, 16:24 **[ТС]**

Хороший, вариант, но у меня текст динамичный и часто меняется.

@DrType · 19.12.2021, 16:34

Приведите код, который меняет текст.

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@JohnyGO 0 / 0 / 0 Регистрация: 18.11.2020 Сообщений: 5
	19.12.2021, 16:24 [ТС]
	Хороший, вариант, но у меня текст динамичный и часто меняется. 0

@DrType 6553 / 3624 / 1075 Регистрация: 07.09.2019 Сообщений: 5,877 Записей в блоге: 1
	19.12.2021, 16:34
	Приведите код, который меняет текст. 0