您的位置：首页 > 其它

根据角色的选择获取对应信息选择器事件 on()

2017-06-24 21:53 357 查看

<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()