根据角色的选择获取对应信息

来源：互联网发布：时代周刊封面知乎ps 编辑：程序博客网时间：2024/05/22 04:58
    <script src="jquery.js"></script>    <style>        .container{            position:relative;            width: 100%;            height: 500px;        }        .model{            width: 100%;            height: 500px;            background-color: #aaa;            /*                opacity: 0.2;*/            position:absolute;            left:0;            top:0;            display:none;        }        .modelClass{            background-color: #fff;            width:500px;            padding:5px 10px;            margin:135px auto;            border:1px  solid #ddd;            border-radius:4px;        }    </style></head><body>    <div id="container" class="container">        <button id="modelBtn">click</button>         <div class="model">            <div class="modelClass">                角色：                <select id="roles">                    <!--<option value="1" selected="selected">用户</option>                    <option value="2">管理员</option>                    <option value="3">其他</option>-->                </select>                信息：<textarea id="textarea"></textarea>            </div>        </div>    </div>    <script>        $("#modelBtn").on("click", function () {            $(".model").css("display", "block")        });        var arr = ["tom", "sccot", "marry"];        $.each(arr, function (index, value) {            var option = new Option(value, index);            $("#roles").append(option);        })        $("#roles").on("change", function () {            if ($("#roles option:selected"))                $("#textarea").html($("#roles option:selected").html());        })    </script>
阅读全文
0 0