教程集 > 脚本编程 > javascript > 正文 select multi 选择框操作类

select multi 选择框操作类

发布时间：2023-06-06 编辑：jiaochengji.com

教程集为您提供select multi 选择框操作类等资源，欢迎您收藏本站，我们将为您提供最新的select multi 选择框操作类资源

提示：您可以先修改部分代码再运行

<!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" />  <title>js select 操作类</title>  <script type="text/javascript" src="http://www.designcss.org/<a href="http://www.jiaochengji.com/
" target="_blank" class="inner-link">jquery</a>-plugin/js/jquery-1.3.2.min.js"></script>  <script type="text/javascript" src="http://www.designcss.org/jquery-plugin/js/mySelect.class.js"></script>  <link rel="stylesheet" href="http://www.designcss.org/jquery-plugin/imgcss/layoutstyle.css" media="all" />  </head>  <body>  <div style=" width:400px; margin:0 auto">      <div style="margin:50px 0; float:left; width:400px;">          <form action="###" method="post">              <div style="float:left;">                  <select ondblclick="test.movetoright();" multiple="multiple" class="select_left" style="display:block;width:150px;height:200px;overflow:visible;">                      <option value="1">求购商</option>                      <option value="2">供应商</option>                      <option value="3">产品分类</option>                      <option value="4">网站地图</option>                      <option value="5">友情链接</option>                      <option value="6">关于我们</option>                      <option value="7">联系我们</option>                      <option value="8">成功故事</option>                  </select>                  <p>                      <strong>批量置顶</strong>                      <strong>上移</strong>                      <strong>下移</strong>                      <strong>批量置底</strong>                  </p>              </div>              <div style=" float:left; padding:8px;">              	<p style=" padding-bottom:12px;"><input onclick="test.movetoright()" type="button"  class="button_movetoright" value=">>" /></p>                  <p><input onclick="test.movetoleft();" type="button" class="button_movetoleft" value="<<" /></p>              </div>              <div style=" float:left;">                  <select  ondblclick="test.movetoleft();" style=" width:150px; border:1px solid #ccc; overflow:visible; height:200px;" class="select_right" multiple="multiple">                  </select>                  <p>                      <strong>批量置顶</strong>                      <strong>上移</strong>                      <strong>下移</strong>                      <strong>批量置底</strong>                  </p>              </div>	        </form>      </div>      <div style=" margin:50px 0; width:400px; float:left;">          <form action="###" method="post">              <div style=" float:left;">                  <select ondblclick="test2.movetoright();"  multiple="multiple" class="select_left2" style=" width:150px; height:100px; border:1px solid #ccc; overflow:visible;">                      <option value="1">求购商</option>                      <option value="2">供应商</option>                      <option value="3">产品分类</option>                      <option value="4">网站地图</option>                  </select>                  <p><input onclick="test2.movetoright()" type="button"  class="button_movetoright2" value=">>" /></p>              </div>              <div style=" float:right;">                  <select  ondblclick="test2.movetoleft();" style=" width:150px; border:1px solid #ccc; overflow:visible; height:100px;" class="select_right2" multiple="multiple">                  </select>                  <p><input onclick="test2.movetoleft();" type="button" class="button_movetoleft2" value="<<" /></p>              </div>	        	</form>      </div>  </div>          <script type="text/javascript">          var test=new mySelect();          var test2=new mySelect();          test2.sel_left=".select_left2";          test2.sel_right=".select_right2";      </script>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jQuery select操作控制方法小结
 全面解析BOOT.INI文件和让启动菜单“锦上添花”
探讨JavaScript的选择框脚本
 JQuery 常用操作代码
 jquery 表单取值常用代码
 Jquery 表单取值赋值方法
 Jquery 表单取值赋值的一些基本操作
 jQuery实现密保互斥问题解决方案
 Chosen 基于jquery的选择框插件使用方法
 jquery操作表单元素的代码收藏

上一篇：js 缓冲效果代码

[关闭]

select multi 选择框操作类

最近更新

浏览排行