Question

我有一个我正在制作的表格，其中有3个品牌选择作为第一个选择，我需要根据选择的选项显示3个部分中的1个。

这可以使用jQuery吗？如果是这样我应该看什么功能？

Answer 1

如果没有看到您的HTML，很难确切地说，但是您可能希望将change事件处理程序绑定到控制此选择的元素。例如：

$("#someSelect").change(function() {
    var selectedVal = $(this).val();
    //Do something based on the selected value
});

除此之外，您可能希望查看show和hide方法。发布你的标记，它会更容易帮助！

Answer 2

jQuery.change事件将帮助您基于已“更改”的选择字段或单选按钮组构建处理程序。从那里你可以显示所需的div。

可在此处找到更多文档：http://api.jquery.com/change/

Answer 3

jQuery方法.change()，.show()和.hide()会让您走得更远。您可以使用.change()为change事件注册事件处理程序输入和另外两个在该处理程序中执行样式操作。

Answer 4

这是你的一个例子http://jsfiddle.net/rtXLe/

<select>
    <option value="#divA">a</option>
    <option value="#divB">b</option>
</select>

<div id="divA" class="brandDiv">brand A</div>
<div id="divB" class="brandDiv">brand B</div>

<script type="text/javascript">
    $(function() {
        $("select").change(function() {
            // hide all brands first
            $("div.brandDiv").hide();
            // val is something like #div1 or #div2
            var targetId = $(this).val();
            // show the new selected one
            $(targetId).show();
        });
    });         
</script>

Answer 5

你应该看看http://api.jquery.com/bind/，它允许你将各种dom事件绑定到函数。还有一些绑定的快捷方式，你应该使用的是.change http://api.jquery.com/change/

您应该在option标签的value属性和要显示/隐藏的div类之间建立连接。（您可以使用jQuery中的.show / .hide）。

还要注意重新加载页面时会发生什么，要么通过后端语言设置选项标签的选定属性，要么在加载DOM时检查值集（$（document）.ready）。

所以基本上对domready进行检查（选择了什么值，隐藏所有div，显示正确的div）然后将onchange事件绑定到或多或少相同的东西。

最佳，

显示部门取决于形式选择

5 个答案: