Показать сообщение отдельно
  #1 (permalink)  
Старый 25.05.2015, 05:02
Аспирант
Отправить личное сообщение для makalet Посмотреть профиль Найти все сообщения от makalet
 
Регистрация: 25.05.2015
Сообщений: 76

Как получить данные из селекта
Доброго времени суток всем! Делаю сайт на подобии этого(не реклама) и столкнулся с тем, что надо вывести стоимость, изображение товара, который мы выбрали в селекте. Если значение в селекте "Выбрать", то стоимость и изображение не показывается.
У меня селектов 6-8 штук(ну как на сайте практически) и код, который ниже уж очееень большой как для 1 селекта. Я скрываю изначально поля, а потом при выборе товара - показываю..
Ранее был такой код js(огромный, не правда ли?)
http://jsfiddle.net/f2Lsxh73/3/
А код php сейчас такой

<table>
<thead style='background: #F1F2F7'>
<tr>
<th>Тип</th>
<th>Наименование</th>
<th>Цена, грн.</th>
</tr>
</thead>			
<tr>
<td>Процессор</td>
<td> 
<?php												
echo "<div class='newselect'>";
echo "<select class='chosen' id='chosenmak' name='maker' onchange='updatePrice(this)'>"; 
echo '<option value="0">-- Выбрать --</option>';
foreach ($arr_get as $value) {
	$ID                  = $value['ID'];
	$Price         	 	 = $value['Price'];											
	$Model         		 = $value['Model'];	
	$photo 				 = $value['photo'];
echo '<option data-price="'.$Price.'" data-image="'.$photo.'" value="'.$Model.'">'."$Model".'</option>';									
}
echo "</select>";				          
echo "</div>";
echo "<span id='model'><img src='$photo' class='t' id='preview'/></span>";
echo "<td><input class='label' id='price_cpu' name='price_cpu' readonly/></td>";				
?>
</td>
</tr>


Другие селекты также сделаны, но только немного другие значения вывожу. http://prntscr.com/791bzt вот так.
JS код изменил на такое для одного селекта.
Изначально всё скрыто и задача опять остается: картинка/стоимость(должны соответствовать товару) скрыты все и должны выводится тогда, когда выбран товар в селекте. Если не выбрано, то скрывать опять.
sel = document.getElementById("myTab").getElementsByClassName("t")
	for(var i=0; i<sel.length; i++) sel[i].style.display = "none";	
 	selLabel = document.getElementById("myTab").getElementsByClassName("label")
	for(var i=0; i<selLabel.length; i++) selLabel[i].style.display = "none";	
 
	function updatePrice(select){
				var image=select.options[select.selectedIndex].getAttribute("data-image");	
                var price=select.options[select.selectedIndex].getAttribute("data-price");
                  document.getElementById('price_cpu').innerHTML = price;
 
          }


Подскажите/помогите:
Как вывести стоимость и картинку товара, который выбран в селекте? Я говорил, что их 6-8
Если ничего не выбрано в селекте, то скрывать/не показывать стоимость и картинку
Я совсем новичок и не знаю как сделать.
Ответить с цитированием