Как вывести значение из select?

Question

[RoadMoscow]

Здравствуйте. Подскажите пожалуйста как решить такое:

Есть 2 селекта:

<div class="product_info-option product_info-option--js">
									<select class="product_select" id="product_select-material">
										<option selected disabled hidden>Отделка</option>
										<option data-material="10" value="Голографический эффект СанЛайн">Голографический эффект СанЛайн</option>
										<option data-material="8" value="МГК, УФ лак">МГК, УФ лак</option>
										<option data-material="82" value="Голографический МГК 3D эффект">Голографический МГК 3D эффект</option>
									</select>
									<select class="product_select" id="product_select-circulation">
										<option selected disabled hidden>Тираж</option>
										<option data-circulation="5000" value="От 5 000 шт цена 30.5 руб">5000</option>
										<option data-circulation="7000" value="От 7 000 шт цена 30.5 руб">7000</option>
										<option data-circulation="10000" value="От 10 000 шт цена 30.5 руб">10000</option>
									</select>
									<div class="product_info-option--price" id="final_price">
										<span>Цена за шт: <strong>0</strong> руб</span>
									</div>
								</div>

Как вывести значение data-material="10" если выбран data-circulation="5000" ?

Изначально нужно было перемножать значения это видно из скрипта ниже но теперь нужно просто выводить значение при выборе другого и я что-то вообще не пойму как сделать.

$('.product_info-option select').change(function(){
        $material = $('select#product_select-material').val();
        $circulation = $('select#product_select-circulation').val();

        $material_format = $('select#product_select-material option:selected').attr('data-material');
        $circulation_format = $('select#product_select-circulation option:selected').attr('data-circulation');

        $price = $material_format + $circulation_format;

        $('#final_price strong').text($price);
        $('#final_price').addClass('active');
        $('.modal_product-content--total .select_item-name').text($material);
        $('.modal_product-content--total .select_item-total').text($circulation);
    });

Comments

[alex]

опишите задачу декларативно, не понятно ниче. у вас походу вообще перепутаны data-* атрибуты и value атрибуты

Answer 1

[Владимир Сартаков]

jsfiddle.net/pgryt7oq/5
---
$('.modal_product-content--total .select_item-name').text($material);
$('.modal_product-content--total .select_item-total').text($circulation);
- элементов нет в разметке, поэтому не писал

Comments

[RoadMoscow]

Вообще класс, огромное спасибо. А можете подсказать немного другой вариант?

[RoadMoscow]

Решил немного переделать поле тираж на input чтобы человек мог вводить нужно кол-во, но загвоздка в том что есть разные цены в кол-во тиража, к примеру:

Тираж от 1 до 5000 шт цена 15р за штуку
Тираж от 5001 до 7000 шт цена 12р за штуку
Тираж от 7001 до 10000 шт цена 10р за штуку
и т.д.

Выводим сумму перемноженную и какая цена за 1 шт

Вот такое можете подсказать?

[RoadMoscow]

$('.modal_product-content--total .select_item-name').text($material);
$('.modal_product-content--total .select_item-total').text($circulation);

эти строки я передавал в сплывающее окно skrinshoter.ru/s/291018/UpxgPWVJ

[Владимир Сартаков]

jsfiddle.net/pgryt7oq/8

[Владимир Сартаков]

jsfiddle.net/pgryt7oq/11

[RoadMoscow]

Arhangel7b, Очень круто и огромное спасибо, только считает не правильно((

[RoadMoscow]

Arhangel7b, можно ваш скайп или другое средство связи? Более детально объясню и по оплате.

[RoadMoscow]

Arhangel7b, само поле тираж ломает подсчет и скидка не нужна как поле для вывода и подсчета. Минимальный получается 500 шт и руками сколько угодно можно записать, а так все четко, хотел отблагодарить $$$

[Владимир Сартаков]

Skype: valldemuss7b

[Владимир Сартаков]

jsfiddle.net/pgryt7oq/16

[RoadMoscow]

Arhangel7b, написал в скайп.