select

U8
На сайте с 15.08.2014
Offline
3
501

Подскажите где найти рабочий пример select?

надо что бы было 2 селекта и влияли на цену

К примеру есть стул, у него можно выбрать цвет каркаса и цвет сидушки и от этого менялась бы цена.

В идеале готовый пример или где поискать.

есть рабочий вариант но с одним селектом. может как то его допилить можно?

ДП
На сайте с 23.11.2009
Offline
203
#1

Можно допилить рабочий пример. Кидайте самое важное сюда, тег [СODE] не забудьте.

N
На сайте с 08.10.2011
Offline
188
#2

ифчик, value и всё в шляпе

U8
На сайте с 15.08.2014
Offline
3
#3


<div class="styled-select">
<select class="b1c-option" id="vankuver" onChange="updateModel('vankuver')">
<option value="1875,00 грн" selected>Кожзам Мадрас</option>
<option value="1685,00 грн">Кожзам Неаполь</option>
<option value="1939,00 грн"> Кожа Сплит черная</option>
</select>
</div>

<div class="styled-select1">
<div class="matrassel" id="vankuver-price">1875,00 грн</div>
</div>

и сам js




function updateModel(matras)
{
var matras;
if (document.getElementById(matras).value == "не доступно")
document.getElementById(matras+"-price").innerHTML = "не доступно";
else
document.getElementById(matras+"-price").innerHTML = document.getElementById(matras).value;
}


и рабочий вид

pandamebel.com.ua/kresla/kreslo-royal-lux.html

U8
На сайте с 15.08.2014
Offline
3
#4

так а что ни кто не доподсказывает???

Hixon10
На сайте с 21.08.2010
Offline
125
#5

так а что ни кто не платит???

Веду свой невзрачный блог (http://hixon.ru/).
the_godfather
На сайте с 24.02.2007
Offline
59
#6

Я бы сделал так.

Первично выводите цену для цвета по умолчанию.

Например,

select

p.product_name,pc.price

from

products p

left join product_color pc on p.id=pc.product_id and is_defult=1

where p.id=777

Не забываем проиндексировать product_color по product_id

В целом Запрос зависит от архитектуры БД.

Далее отказываемся от нативного JS, шагаем в сторону JQUERY

Вешаем событие на изменении SELECT

<select name="product_color " id="product_color">

<option val="23" data-price="100">100 руб</option>

<option val="24" data-price="200">200 руб</option>

<option val="25" data-price="300">300 руб</option>

</select>

тут можно сразу изменение цены сделать (тогда data-price нужна), а можно и по ajax обновить...

$(document).on('change', '#product_color', function () {

var color_id = $(this).val();

$.ajax({

url: url + '/Product/GetPriceByColorId/',

method: 'get',

dataType: 'json',

data: {id : id },

success: function (data) {

$('#price_value').html(data.price_value); // тут цена

}

});

});

// со строны сервера

public function GetPriceByColorId(){

$id=isset($_REQUEST["id"])?$_REQUEST["id"]:null;

$result=$this->db->GetRow("SELECT price_value FROM product_color where id=".$this->db->qstr($id));

return json_encode(result);

}

Как то так...

PS а хотел написать юзай поиск...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий