0

ie8 では、これは機能しません。つまり、ドロップダウンの選択肢をクリックしても、bobo と dodo が表示されません。IE9 で bobo と dodo が表示されます。私は実際に、5 つの 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 に答える