Question

在ie8上，这不起作用。这意味着当我点击下拉选项时，我看不到bobo和渡渡鸟。我在ie9看到了bobo和dodo。我实际上简化了我最初拥有的代码，它有五个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>}

Answer 1

使用双等号。

有关SO的更多信息：Difference between == and === in 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();
        }
    });
});

显示和隐藏ie8 - HTML验证和简化

1 个答案: