jquery实现选项在两个下拉列表之间选择性移动的功能

本文展示了如何使用jQuery实现一个功能,即在两个下拉列表之间通过按钮选择性地移动选项。用户可以选择一个或多个选项,通过单击按钮将它们从一个下拉列表移动到另一个。此外,还提供了双击选项进行移动的交互功能。
摘要由CSDN通过智能技术生成

jquery实现选项在两个下拉列表之间选择性移动的功能

jquery的强大是不言而喻的,你可以发挥自己创意的大脑,编写出各种各样奇妙的效果,下面是两个下拉列表,这里面的选项可以在两者之间通过按钮选择,进行移动,这也是一个很实用的功能,在你的网页中不妨设计一个看看效果。

<html>

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />

<scriptlanguage="JavaScript" src="js/jquery-1.3.1.js"></script>

<title>选择移动</title>

<style type="text/css">

<!--

BODY

{  

       font-size:12px;

       margin:0px0px 0px 0px;

       overflow-x:no;

       overflow-y:no;

       background-color:#B8D3F4;

}

.default_input

{

       border:1pxsolid #666666;

       height:18px;

       font-size:12px;

}

.default_input2

{

       border:1pxsolid #666666;

       height:18px;

       font-size:12px;

}

.nowrite_input

{

       border:1pxsolid #849EB5;

       height:18px;

       font-size:12px;

       background-color:#EBEAE7;

       color:#9E9A9E;

}

.default_list

{

       font-size:12px;

 border:1px solid #849EB5;

}

.default_textarea

{

       font-size:12px;

       border:1pxsolid #849EB5;

}

 

.nowrite_textarea

{

       border:1px solid #849EB5;

       font-size:12px;

       background-color:#EBEAE7;

       color:#9E9A9E;

}

.wordtd5 {

       font-size:12px;

       text-align:center;

       vertical-align:top;

       padding-top:6px;

       padding-right:5px;

       padding-bottom:3px

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值