Передать значения select в input

@Дмитрий Дмитрий · Регистрация: 17.09.2016

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

Всем здравствуйте, подскажите, есть форма в ней select и два скрытых input

HTML5
1
2
3
4
5
6
7
8
9
10
<select name="user_delivery" id="myselect">
<option value="100">Самовывоз</option>
<option value="200">Доставка до ТК</option>
<option value="300">Доставка по РФ</option>
<option value="400">Доставка курьером</option>
<option value="500">Доставка почтой</option>
</select>
<div class="jqcart-delivery">Доставка: <span class="text">Самовывоз</span> Цена: <span class="sum">0</span></div>
<input type="hidden" name="text" value="">
<input type="hidden" name="sum" value="">

В <div class="jqcart-delivery"> я вывожу данные select с помощью скрипта

JavaScript
1
2
3
4
5
6
$(document).on('change', '#myselect', function() {
    var $that = $(this),
    delivery = $('.jqcart-delivery');
    delivery.find('.text').text($(':selected', $that).text());
    delivery.find('.sum').text($that.val());
});

Но для отправки данных на почту мне нужно чтобы выбранные значения select подставлялись и в скрытые input, Пробывал так но не работает

JavaScript
1
2
3
4
5
6
7
8
$(document).on('change', '#myselect', function() {
    var $that = $(this),
    delivery = $('.jqcart-delivery');
    delivery.find('.text').text($(':selected', $that).text());
    delivery.find('.sum').text($that.val());
    $('text').val($(':selected', $that).text());
    $('sum').val($that.val());
});

@msheal · 25.01.2018, 00:57

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).on('change', '#myselect', function() {
    var  delivery = $('.jqcart-delivery');
  var selectedText = $(this).find(':selected').text();
    var selectedVal = $(this).find(':selected').val();
  
    delivery.find('.text').text(selectedText);
    delivery.find('.sum').text(selectedVal);
  
  $('[name="text"]').val(selectedText);
  $('[name="sum"]').val(selectedVal);
});

@Дмитрий Дмитрий · 25.01.2018, 08:50 **[ТС]**

Спасибо, работает

Добавлено через 2 часа 3 минуты
Подскажите пожалуйста ещё с одним вопросом).
Нужно сложить Стоимость доставки из переменной selectedVa, которую расчитали тут

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).on('change', '#myselect', function() {
    var  delivery = $('.jqcart-delivery');
    var selectedText = $(this).find(':selected').text();
    var selectedVal = $(this).find(':selected').val();
  
    delivery.find('.text').text(selectedText);
    delivery.find('.sum').text(selectedVal);
  
  $('[name="text"]').val(selectedText);
  $('[name="sum"]').val(selectedVal);
});

с итоговой стоимостью заказа переменная b, вид min но впринцепе основа ясна)

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
openCart: function() {
                var b = 0;
                a = c.getStorage();
                g = '<p class="jqcart-cart-title"><font id="wb_uid1">Корзина...';
                var e;
                for (e in a)
                    if (a.hasOwnProperty(e)) {
                        var k = Math.ceil(a[e].count * a[e].price * 100) / 100;
                        b = Math.ceil(100 * (b + k)) / 100;
                        g += '<div class="jqcart-tr" data-id="' + a[e].id + '">';
                g += '<div class="jqcart-subtotal">Итого: <strong>' + b + "</strong> " + h.currency + "</div>";
                g += '<div class="jqcart-delivery">Доставка: <span class="text">Самовывоз</span> Цена: <span class="sum">0</span> ' + h.currency + ' </div>';
                g += '<div class="jqcart-itogsum">Итого с доставкой: <span class="summ"></span></div>';
                b = b ? g + '<p class="jqcart-cart-title">Контактная информация:</p><form class="jqcart-orderform"><p>...
                d('<div class="jqcart-layout"><div class="jqcart-checkout">123</div></div>').appendTo("body").find(".jqcart-checkout").html(b)
            },

т.е. переменная b она локальная и находиться в методе функции openCart: function() и передать её значение в функцию расчета стоимости заказа не получается.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .