Показать сообщение отдельно
  #1 (permalink)  
Старый 18.03.2013, 20:35
Профессор
Отправить личное сообщение для Mukhtar Посмотреть профиль Найти все сообщения от Mukhtar
 
Регистрация: 08.10.2010
Сообщений: 201

select data-section
Добрый вечер!

Сегодня возникла проблемка. При выборе данных в select, должна меняться форма. Голова не работает совсем. alert выдает undefined. в чем ошибка, и как ее исправить?

<script type="text/javascript">
 	jQuery(document).ready(function(e) {
		jQuery('#house_type').change(function(){
		 	var id = jQuery(this).data("section");
			alert(id);		
		});
      		e.preventDefault();  
    });
 </script>

<select name="house_type" id="house_type">
 <option value="офис" data-section="offise">офис</option>
 <option value="промбаза" data-value="base">промбаза</option>
 <option value="торговые помещения" data-value="trade">торговые помещения</option>
 <option value="общепит" data-value="ashana">общепит</option>
 <option value="другое" data-value="other">другое</option>
 </select>

<div id="offise">
 Офис
 </div>
 <div id="base">
 промбаза
 </div>
 <div id="trade">
 торговые помещения
 </div>
 <div id="ashana">
 общепит
 </div>
 <div id="other">
 другое
 </div>


Заранее спасибо
Ответить с цитированием