表单change()事件

最新推荐文章于 2024-06-26 20:37:52 发布

weixin_34292959

最新推荐文章于 2024-06-26 20:37:52 发布

阅读量936

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sakura-sakura/p/6678341.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
         <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
        <title></title>
    </head>
    <body>
        <input type="text" name="" id="input" value="输入框改变时，文字变色" /><br /><br /><br />
        <textarea name="" rows="" cols="" id="textarea">
            输入框改变时，文字变色
        </textarea><br />
        <h6>select框改变时，文字变色</h6>
        <select name="" id="select">
            <option value="1">111</option>
            <option value="2">222</option>
            <option value="3">333</option>
        </select>
    </body>
    <script type="text/javascript">
        var oInput=$('input');
        var oTextarea=$('textarea');
        var oSelect=$('select');
        oInput.change(function(){
            $(this).css('color','red');
        });
        oTextarea.change(function(){
            $(this).css('color','red');
        });
        oSelect.change(function(){
            $(this).css('color','red');
        });
    </script>
</html>

转载于:https://www.cnblogs.com/sakura-sakura/p/6678341.html