0

在 ie8 上这不起作用。这意味着当我单击下拉选项时，我没有看到 bobo 和 dodo。我确实在 ie9 中看到了 bobo 和 dodo。实际上，我已经简化了我最初拥有的代码，它有五个 div，并根据下拉选项显示/隐藏不同的 div。

它也适用于 ff22 和 chrome 最新版本。

你对我有什么建议吗？

{<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<script src="jquery-1.10.1.js">     
</script>
<script type="text/javascript">
        $(document).ready(function(e) {
            $('#situation').on('change', function() {
                if($(this).val() === 'all') {
                    $('.products').hide();
                    $('.accountname').hide();                 
                } 
                else if  ($(this).val() === 'newcase'){
                    $('.products').show();
                    $('.accountname').show();
                }
         });
    });
</script>
<body>
    <form method="POST" action='RuleController' name="frmAddRule">  
    <select type="text" name="situation" size="1" id="situation">
    <option value="all">Choose event . . . </option> 
    <option value="newcase" >New Case Has Been Created</option> 
    </select> 

    <div class="products" style=" display: none;">
    bobo
    </div>

    <div class="accountname" style=" display: none;">
    dodo
    </div>
    </form>
</body>
</html>}
4

1 回答 1

0

使用双等号。

有关 SO 的更多信息：JavaScript 中 == 和 === 之间的区别

$(document).ready(function(e) { 
    $('#situation').on('change', function() {
        if($(this).val() == 'all') {
            $('.products').hide();
            $('.accountname').hide();                 
        } 
        if($(this).val() == 'newcase'){
            $('.products').show();
            $('.accountname').show();
        }
    });
});
于 2013-07-10T03:08:33.557 回答