Question

我有一个表格下拉列表。当我更改下拉列表中的值时，我想隐藏一个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 is not function”。我以前做过这个工作，但是我无法理解这里的问题是什么？

Answer 1

使用jQuery hide（）。

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

见以下链接：

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

Answer 2

您在选择ID

后错过了双引号

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

修复此问题可使代码完好无损。 http://jsfiddle.net/mayank_agarwal/JEj84/

Answer 3

使用具有不同属性的jQuery .hide()：

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

Answer 4

你错过了id =“category”的双引号。

Jquery获取选定的值并更改css

4 个答案: