Добрый вечер!
Сегодня возникла проблемка. При выборе данных в 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>
Заранее спасибо