为了账号安全,请及时绑定邮箱和手机立即绑定

if else用法和javascript不一样的,用switch 为何不行呢

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>下拉列表的change事件</title>

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

        <link href="style.css" rel="stylesheet" type="text/css" />

    </head>

    

    <body>

        <h3>下拉列表的change事件</h3>

        <select id="seltest">

            <option value="葡萄">葡萄</option>

            <option value="苹果">苹果</option>

            <option value="荔枝">荔枝</option>

            <option value="香焦">香焦</option>

        </select>

        

        <script type="text/javascript">

            $(function () {

                $("select").bind("change", function () {

                    var $this_val=$(this).val();

                    switch($this_val)

                    {

                    case "香蕉":

                    $(this).css("background-color","red");

                    break;

                    default:

                    $(this).css("background-color","red");

                    }

                })

            });

        </script>

    </body>

</html>


正在回答

1 回答

$(function () {
                $("select").bind("change", function () {
                    var $this_val=$(this).val();
                    switch($this_val)
                    {
                        case "香焦":
                            $(this).css("background-color","red");
                            break;
                        default:
                            $(this).css("background-color","green");
                    }
                });
        });

你的代码里,case里的“香蕉”与html中“香焦”不是一个字,另外代码不能运行的原因是,

case "香焦":

这里的冒号你使用了中文冒号。


要细心。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

if else用法和javascript不一样的,用switch 为何不行呢

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信