Как динамический изменять цены при выборе datalist?

Question

[Азат Улыкпан]

Есть сайт, где забиваешь заявки. И на странице заявки, когда выбираешь товар из datalist'а, то цены на товар в input'е должны меняться.

<form class="item" action="" method="post">
        @csrf
        <fieldset class="form-group">
          <input type="text" name="" list="magazin" placeholder="Выберите магазин">
            <datalist id="magazin">
              @foreach($stores as $store)
              <option value="{{ $store->name }}">
              @endforeach
            </datalist>
        </fieldset>
        <fieldset class="form-group">
          <input type="text" name="" list="sale" placeholder="Скидка">
          <datalist id="sale">
            <option value="Без скидки">
          </datalist>
        </fieldset>
        <fieldset class="form-group">
          <input type="text" name="product" id="countries" list="product" placeholder="Выберите продукт">
            <datalist class="item__option" id="product">
              @foreach($products as $product)
              <option value="{{ $product->name }}" data-original-price="{{ $product->price }}"></option>
              @endforeach
            </datalist>
        </fieldset>
        <fieldset class="form-group">
        <input type="text" name="" value="" placeholder="Еденица: Кг">
      </fieldset>
        <fieldset class="form-group">
        <input class="price__value" type="text" name="price" readonly>
      </fieldset>
        <fieldset class="form-group">
        <input type="text" name="" value="" placeholder="Количество">
      </fieldset>
        <button class="btn_link" type="submit" name="submit">Отправить заявку</button>
      </form>

Answer 1

[Дмитрий Кузнецов]

Что-то уже пробовали сделать? Примеры, идеи, какие-то реализации? Не думайте что за вас всё напишут...

Есть более-менее колхозный вариант: После выбора товара делаем запрос на API и получаем цену. Цену вставляем в нужное поле. Всё.

PS: Почему у инпута цены значение text?
PS2: Количество то же самое
PS3:

Еденица: Кг

Comments

[Азат Улыкпан]

Пробовал вот это: jsfiddle.net/ilyar/w4ZgG, не получилось, перерыл весь интернет, ответа не нашел. Я в js вообще 0, сейчас сижу и учу ивент onchange. Примеров и идеи нету, поэтому впервые решил написать.

PS: Почему у инпута цены значение text? - Исправил, спасибо!

[Дмитрий Кузнецов]

Азат Улыкпан, jsfiddle не грузится у меня.
И обновите ваш код (по крайней мере проблему с инпутами, на которую я указывал) в вопросе.