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> Заранее спасибо |
Кстати, не первый раз вижу что используют jQuery вместо $. Почему?
$(this).find(':selected').data('section')
|
Цитата:
|
Спасибо, работает! )) +1
|
(function($){
$(document).ready(function(e) {
$('#house_type').change(function(){
var id = $(this).data("section");
alert(id);
});
e.preventDefault();
});
})(jQuery);
|
:agree: jQuery.noConflict(); И так тоже можно
Цитата:
|
Цитата:
|
Делай это на сервере. Иначе юзер без js вообще ничего не увидит. Если у тебя на сервере где-то проставляется selected для списка, то сделать display:block для нужного элемента тоже не должно быть проблемой.
А так - $('select').val() |
Цитата:
var id=jQuery('#house_type').find(':selected').data("section");
if(id!=''){
jQuery('#'+id).show();
}
|
Цитата:
|
| Часовой пояс GMT +3, время: 04:28. |