自动生成文字和自己填写

最新推荐文章于 2019-03-05 21:43:49 发布

weixin_30439031

最新推荐文章于 2019-03-05 21:43:49 发布

阅读量170

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zcboy/p/6888137.html

版权

<!DOCTYPE html>
<html>
<head lang="zh-cn">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no"/>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <title></title>
</head>
<body>
    <p class="more" id="intro">
        <span>自我介绍</span>
        <span id="mod1" class="on-selected">点我自动生成</span>
        <span id="mod2">点我自己填写</span>
    </p>
    <p class="text">
        <textarea name="text" id="text" class="sddf" placeholder="介绍一下自己吧，300字以内"></textarea>
    </p>
<script>
    function randomIntroduce () {
        var introArr = [
            {txt: "这是文本一"},
            {txt: "这是文本二"},
            {txt: "这是文本三"},
            {txt: "这是文本四"}
        ];
        var len = introArr.length;
        var rst = Math.floor(Math.random()*len);
        $("#text").val(introArr[rst].txt)
    }
    $("#intro span:not(:first-child)").click(function(){
        $(this).addClass("on-selected").siblings().removeClass("on-selected")
        if($(this).text() == "点我自己填写") {
            $("#text").val("");
            $("#text").attr({
                "placeholder": "自我介绍内容控制在300字以内"
            })
        } else {
            // $("#text").text("");
            randomIntroduce();
        }

    })
</script>
</body>
</html>

转载于:https://www.cnblogs.com/zcboy/p/6888137.html

weixin_30439031

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自动生成文字和自己填写

<!DOCTYPE html><html><head lang="zh-cn"> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-sc...
复制链接

扫一扫