jQuery权限控制
2015-09-22 09:48
204 查看
<head>
<title>权限选择</title>
<style type="text/css">
.zhengt
{
float: left;
height: 90px;
width: 10%;
}
</style>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[value=>]").click(function () {
var olditems = $("#selectold option:selected").remove();
$("#selectnew").append(olditems);
});
$("input[value=<]").click(function () {
var olditems = $("#selectnew option:selected").remove();
$("#selectold").append(olditems);
});
$("input[value=>>]").click(function () {
var olditems = $("#selectold option").remove();
$("#selectnew").append(olditems);
});
$("input[value=<<]").click(function () {
var olditems = $("#selectnew option").remove();
$("#selectold").append(olditems);
});
});
</script>
</head>
<body>
<select id="selectold" multiple="multiple" class="zhengt">
<option>修改</option>
<option>只读</option>
<option>隐藏</option>
<option>完全控制</option>
<option>特殊权限</option>
</select>
<div class="zhengt">
<input type="button" value=">" style="width: 100%" /><br />
<input type="button" value="<" style="width: 100%" /><br />
<input type="button" value=">>" style="width: 100%" /><br />
<input type="button" value="<<" style="width: 100%" /><br />
</div>
<select id="selectnew" multiple="multiple" class="zhengt">
</select>
</body>
<title>权限选择</title>
<style type="text/css">
.zhengt
{
float: left;
height: 90px;
width: 10%;
}
</style>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[value=>]").click(function () {
var olditems = $("#selectold option:selected").remove();
$("#selectnew").append(olditems);
});
$("input[value=<]").click(function () {
var olditems = $("#selectnew option:selected").remove();
$("#selectold").append(olditems);
});
$("input[value=>>]").click(function () {
var olditems = $("#selectold option").remove();
$("#selectnew").append(olditems);
});
$("input[value=<<]").click(function () {
var olditems = $("#selectnew option").remove();
$("#selectold").append(olditems);
});
});
</script>
</head>
<body>
<select id="selectold" multiple="multiple" class="zhengt">
<option>修改</option>
<option>只读</option>
<option>隐藏</option>
<option>完全控制</option>
<option>特殊权限</option>
</select>
<div class="zhengt">
<input type="button" value=">" style="width: 100%" /><br />
<input type="button" value="<" style="width: 100%" /><br />
<input type="button" value=">>" style="width: 100%" /><br />
<input type="button" value="<<" style="width: 100%" /><br />
</div>
<select id="selectnew" multiple="multiple" class="zhengt">
</select>
</body>
相关文章推荐
- OA 权限树 核心 Js代码 Ajax Struts Jquery
- jquery $get()方法几个注意
- jQuery实现气球弹出框式的侧边导航菜单效果
- 【jquery】javaScript中prototype的妙用 巧妙运用prototype属性原型链创建对象
- JQuery Mobile External Tool Bar ui-btn-active样式问题
- jquery.validate使用攻略
- JQuery Mobile External Tool Bar ui-btn-active样式问题
- 【jquery】 API讲解 内部培训资料
- Jquery 较好的效果
- Jquery针对tr td的一些实用操作
- jQuery中bind,live,delegate与one方法的用法及区别
- jquery学习笔记(二)—节点查找
- jQuery validate 详解
- jQuery实现气球弹出框式的侧边导航菜单效果
- jQuery实现Flash效果上下翻动的中英文导航菜单代码
- jquery实现经典的淡入淡出选项卡效果代码
- jquery实现的简单二级菜单效果代码
- jQuery实现的经典滑动门效果
- jQuery实现浮动层随浏览器滚动条滚动的方法
- jquery点击click事件和blur事件冲突如何解决