Jquery получить выбранное значение и изменить CSS

0

У меня есть раскрывающийся список формы. Когда я изменяю значение в раскрывающемся списке, я хочу скрыть элемент css.

HTML-код

 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <select name="category" id="category>
    <option value="0">Foo</option>
    <option value="1">Bar</option>
    <option value="2">Test</option>
    </select>

JQuery

$("#category").change(function () {
$('tr.foobar').css("display","none");
});

Я получаю сообщение "Uncaught TypeError: Undefined не является функцией" в журнале консоли. Раньше я делал эту работу, но я не могу понять, в чем проблема?

  • 3
    Эта ошибка не имеет ничего общего с кодом, который вы опубликовали.
  • 1
    @Stitchy также с тем фактом, что вы пропустили последнюю категорию "on id="category" событие изменения никогда не было бы связано
Показать ещё 1 комментарий
Теги:
forms
onchange

4 ответа

0

используйте jQuery .hide() с разными атрибутами:

$("#category").change(function () {
$( "tr.footbar" ).hide( "slow" );
//$( "tr.footbar" ).hide( "fast" );
});
0

Используйте jQuery hide().

$("#category").change(function () {
        $('tr.foobar').hide()
});

см. ниже ссылку:

http://api.jquery.com/hide/

0

Вы пропустили двойную кавычку после выбора id

<select name="category" id="category">

Исправление этого кода делает тонким. http://jsfiddle.net/mayank_agarwal/JEj84/

0

вам не хватает двойной кавычки по id = "category".

Ещё вопросы

Сообщество Overcoder
Наверх
Меню