根据角色的选择获取对应信息 选择器事件 on()
2017-06-24 21:53
381 查看
<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>
相关文章推荐
- 根据角色的选择获取对应信息 选择器事件 on()
- 根据角色的选择获取对应信息 选择器事件 on()
- 根据角色的选择获取对应信息 选择器事件 on()
- 根据角色的选择获取对应信息 选择器事件 on()
- 根据角色的选择获取对应信息 选择器事件 on()
- 根据角色的选择获取对应信息 选择器事件 on()
- 根据角色的选择获取对应信息 选择器事件 on()
- 根据角色的选择获取对应信息 选择器事件 on()
- linux 根据进程ID获取对应进程的信息
- 10.事件选择器:DataPick和TimePick的应用实例:获取选择的时间
- js根据选择日期获取对应时间
- duubo duuboMock mockDubbo源代码解析 模拟dubbo调用,类似依赖注入获取对应信息
- 使用SecurityContext.getUserRoles()获取用户的角色和组信息
- 根据获取Enum名获取对应的值通用方法(仅限值为int的)
- jquery 下拉框(select)根据id获得对应option的选择器写法
- 公众号开发网页授权获取用户基本信息不弹出提示用户选择是否授权
- js:select的选择改变事件,获取当前选择的值
- Ajax特效 根据邮政编码获取地区信息 之三
- java根据isbn编码获取书籍信息(附赠http url的util包)
- JS监听checkbox的选择获取取消事件代码案列