下拉框应用

最新推荐文章于 2022-07-05 10:33:16 发布
最新推荐文章于 2022-07-05 10:33:16 发布
阅读量232 收藏
点赞数
分类专栏： 开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wytwin/article/details/43450437
版权


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
<style type="text/css">
body{text-algin:center;}
#center{height:300px;line-height:300px;text-align:center;}
</style>
<script type="text/javascript">
$(function(){
 $("#add").click(function(){
  $("#select1 option:selected").appendTo("#select2");
 });
 $("#add_all").click(function(){
  $("#select1 option").appendTo("#select2");
 });
 $("#select1").dblclick(function(){//选项的双击事件
  $("option:selected",this).appendTo("#select2");
 })
 $("#select2").dblclick(function(){
  $("option:selected",this).appendTo("#select1");
 })
});
</script>
<title>下拉框应用</title>
</head>
<div class="center" style="float:left;">
 <select multiple="multiple" id="select1" style="width:100px;height:160px;">
     <option value="1">option 1</option>
        <option value="2">option 2</option>
        <option value="3">option 3</option>
        <option value="4">option 4</option>
        <option value="5">option 5</option>
        <option value="6">option 6</option>
        <option value="7">option 7</option>
        <option value="8">option 8</option>
       
    </select>

    <div>
        <input type="button" id="add" value="选中添加到右边&gt;&gt;"/>
    </div>
    <div>
        <input type="button" id="add_all" value="全部添加到右边&gt;&gt;"/>
    </div>
 </div>
 <div class="center"  style="margin-left:120px">
  <select multiple="multiple" id="select2" style="width:100px;height:160px;">
    </select>
    <div>
     <input type="button" id="remove" value="&lt;&lt;选中删除到左边"/>
    </div>
    <div>
        <input type="button" id="remove_all"value="&lt;&lt;全部删除到左边"/>
    </div>
 </div>
<body>
</body>
</html>

W_Lover
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery下拉框应用示例介绍
10-26
本文主要介绍了JQuery实现两个下拉框数据移动，追加,需要的朋友可以参考下
jQuery下拉框应用选择
Twilight_b的博客
05-06 152
<style type="text/css"> .selectc{ float: left; } .button1{ float: left; width: 120px; height: 200px; } button{ width: 120px; ...
jQuery的下拉框应用
weixin_30319097的博客
10-25 100
jQuery的下拉框应用 jQuery的下拉框左右选择应用 直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * ...
JQuery下拉框应用
海阔天空
04-23 670
实现两个下拉框数据移动，追加 $('#add').click(function(){ var $options = $('#select1 option:selected'); //获取选中的项 var $remove = $options.remove(); $remove.appenTo('#select2'); }); 简化如下
jQuery实现下拉框应用选择
Timber_wood的博客
05-06 171
<!DOCTYPE html> <html> <head> <title>下拉框</title> <link href="/static/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <script type="text...
CSS定位（下拉框应用）
qq_51810428的博客
07-05 627
定位指的就是将指定的元素摆放到页面的任意位置 通过定位可以任意的摆放元素 - 通过position属性来设置元素的定位 -可选值： static： ['stætik] 默认值，元素没有开启定位 relative： ['relətiv] 开启元素的相对定位 absolute： ['æbsəlju:t] 开启元素的绝对定位 fixed：开启元素的固定定位（也是绝对定位的一种） stic
jQuery练习4--下拉框应用
hacket
10-30 535
1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 html> 3 head> 4 meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 script type="text/javascript"
vb.net Datagridview 下拉框应用
潘晓宇(panxiaoyu)的专栏
07-12 5960
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load         Try             Me.Cursor = Cursors.WaitCursor             Dim cmbInitData As DataTable = GetInitialComboBoxDa
JQuery实现下拉框
qq_37348649的博客
04-02 1496
jquery 的 下拉框第一次Coding，感觉炸疯了，为了小伙伴不在和我一样，我决定把这简单又基础的代码Show出来， <div class="bjui-row col-1"> <label class="row-label" style="width: 150px">任务人:</label> <div class="row-input required"> .
JQuery下拉框应用示例
vip_linux的专栏
04-24 487
JQuery实现两个下拉框数据移动，追lk实现两个下拉框数据移动，追加  复制代码代码如下: $('#add').click(function(){  var $options = $('#select1 option:selected'); //获取选中的项  var $remove = $options.remove();  $remove.appenTo('#selec
jquery中dom操作和事件的实例学习 下拉框应用
10-28
jquery中dom操作和事件的实例学习 下拉框应用实现代码，需要的朋友可以参考下。
基于C#的窗体级联下拉框应用实例
03-16
摘要:C#源码,菜单窗体,窗体下拉框　基于C#的窗体级联下拉框应用实例，级联的下拉框，当你选择下拉框1的时候，下拉框2的值才会变，其实没什么难度，放上来或许对一些C#打基础的朋友有点帮助，在你选择了两个下拉框的...
【Matlab仿真】资源useless，don‘t download
07-12
【Matlab仿真】资源useless，don‘t download
岗位述职报告PPT模板 (4)
07-12
【作品名称】：岗位述职报告PPT模板 (4) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
顾客购物数据.CSV（3900条记录）
最新发布
07-12
标题中的“客户购物偏好数据集 CSV（3900条记录）【500010051】”指的是一个包含3900条记录的CSV格式数据集，专门用于研究客户的购物偏好。CSV（Comma Separated Values）是一种常见的数据交换格式，易于处理并能被多种数据分析软件读取，如Excel、Python的pandas库等。这个数据集的编号为500010051，可能是一个特定项目或研究的一部分，便于管理和引用。 描述中提到，“本数据集包含与客户购物偏好相关的各种特征”，这暗示了数据集中可能存在多个列，每个列代表一种特征，例如客户的年龄、性别、购买频率、购买时间、产品类别、消费金额等。这些特征可以用来分析消费者的购买习惯、产品喜好、消费时段选择以及潜在的消费模式。企业可以通过分析这些数据来定制更精准的营销策略，提高客户满意度和销售额。 购物偏好数据集通常包括以下几个关键领域的知识点： 1. **客户基础信息**：如年龄、性别、地理位置、职业等，这些信息有助于理解不同群体的购物习惯。 2. **购买行为**：如购买频率、每次购物的平均消费、购买的产品种类等，可以揭示消费者的购物频次和消费水平
ACM（Association for Computing Machinery）国际大学生程序设计竞赛
07-12
ACM（Association for Computing Machinery）国际大学生程序设计竞赛
elasticsearch数据库使用案例.docx
07-12
Elasticsearch是一种分布式搜索和分析引擎，可以用于许多场景，以下是一些常见的使用案例：这些案例展示了Elasticsearch在不同领域的广泛应用，通过其强大的搜索和分析能力，可以帮助企业更高效地管理和利用数据。
streamlit下拉框
04-14
Streamlit是一个用于构建数据科学和机器学习应用程序的Python库。它提供了一个简单易用的界面，可以通过几行代码快速创建交互式应用程序。下拉框是Streamlit中的一个常用组件，可以用来选择不同的选项。 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值