创建某一下拉菜单的项：

str = str+"<option value='"+i+"'>"+i+"</option>";

提取从i到j之间的字符串：

kd.substr(i,j)　　

right的第i个子节点的内容：

right.childNodes.item(i)

　　

实例

Div滚动：

<style type="text/css">

*{ margin:0px auto; padding:0px}

#wai{ width:100%; height:500px;}

#left{height:500px; background-color:#63C; float:left}

#right{ height:500px; background-color:#FC3; float:left}

#anniu{ width:50px; height:50px; background-color:#F30; position:absolute; top:225px; z-index:10; }

#anniu:hover{ cursor:pointer}

</style>

</head>

<body>

<div id="wai">

      <div id="left" style="width:200px"></div>

      <div id="right" style="width:800px"></div>

</div>

<div id="anniu" style="left:175px" onclick="hua()"></div>

<script type="text/javascript">

var id;

function hua()

{

      id = window.setInterval("dong()",10);

}

//滑动的方法，调一次滑动3px

function dong()

{

      //改蓝色的宽度 200px

      var zuo = document.getElementById("left");

      kd = zuo.style.width;

      if(parseInt(kd.substr(0,kd.length-2))>=800)

      {

           window.clearInterval(id);

           return;

      }

      kd = parseInt(kd.substr(0,kd.length-2))+3;

      zuo.style.width = kd+"px";

      //改黄色的宽度

      var you = document.getElementById("right");

      ykd = you.style.width;

      ykd = parseInt(ykd.substr(0,ykd.length-2))-3;

      you.style.width = ykd+"px";

      //改红色的left

      var hong = document.getElementById("anniu");

      hleft = hong.style.left;

      hleft = parseInt(hleft.substr(0,hleft.length-2))+3;

      hong.style.left = hleft+"px";

}

</script>

</body>

　　

下拉框添加属性：

<style type="text/css">

*{ margin:0px auto; padding:0px}

#wai{ width:500px; height:500px}

#left{ width:200px; height:500px; float:left}

#zhong{ width:100px; height:500px; float:left}

#right{ width:200px; height:500px; float:left}

</style>

</head>

<body>

<br />

<div id="wai">

      <div id="left">

          <select style="width:200px; height:300px" id="selleft" multiple="multiple">

              <option value="山东">山东</option>

            <option value="淄博">淄博</option>

            <option value="张店">张店</option>

        </select>

    </div>

    <div id="zhong">

          <div style="margin-left:10px; margin-top:20px">

        <input style="width:60px; height:30px" type="button" value=">>" onclick="moveall()" />

        </div>

        <div style="margin-left:10px; margin-top:30px">

        <input style="width:60px; height:30px" type="button" value=">" onclick="moveone()" />

        </div>

    </div>

      <div id="right">

          <select id="selright" multiple="multiple" style="width:200px; height:300px"></select>

    </div>

</div>

<script type="text/javascript">

function moveone()

{

      var left = document.getElementById("selleft");

      var right = document.getElementById("selright");

      var xz = left.value;

      var str = "<option value='"+xz+"'>"+xz+"</option>";

      //判断

      //alert(right.childNodes.item(0));}

      var bs = 0;

      for(var i=0;i<right.childNodes.length;i++)

      {

           if(right.childNodes.item(i).text==xz)

           {

                 bs = 1;

           }

      }

      if(bs==0)

      {

           //追加

           right.innerHTML = right.innerHTML+str;

      }

}

function moveall()

{

      var left = document.getElementById("selleft");

      var right = document.getElementById("selright");

      right.innerHTML = left.innerHTML;

}

</script>

</body>

　　

年月日下拉条：

<script type="text/javascript">

FillNian();

FillYue();

FillTian();

function FillNian()

{

      var b = new Date(); //获取当前时间

      var nian = parseInt(b.getFullYear());

      var str = "";

      for(var i=nian-5;i<nian+6;i++)

      {

           str = str+"<option value='"+i+"'>"+i+"</option>";

      }

      document.getElementById("nian").innerHTML = str;

}

function FillYue()

{

      var str = "";

      for(var i=1;i<13;i++)

      {

           str = str+"<option value='"+i+"'>"+i+"</option>";

      }

      document.getElementById("yue").innerHTML = str;

}

function FillTian()

{

      var yue = document.getElementById("yue").value;

      var nian = document.getElementById("nian").value;

      var ts = 31;

      if(yue==4 || yue==6 || yue==9 || yue==11)

      {

           ts=30;

      }

      if(yue==2)

      {

           if((nian%4==0 && nian%100 != 0) || nian%400==0)

           {

                 ts = 29;

           }

           else

           {

                 ts = 28;

           }

      }

      var str = "";

      for(var i=1;i<ts+1;i++)

      {

           str = str+"<option value='"+i+"'>"+i+"</option>";

      }

      document.getElementById("tian").innerHTML = str;

}

function biantian()

{

      FillTian();

}

</script>

</body>

　　

JS Div滚动，下拉框添加属性，年月日下拉条的更多相关文章

  1. JS为Select下拉框添加输入功能

    JavaScript使用parentNode.nextSibling.value实现的本功能,实际上你会发现网页上有两个控件元素,一个是Select,一个是input,使用CSS将input覆盖于se ...

  2. extjs下拉框添加复选框

    给ComboBox组件配置listConfig 下拉框代码: var gyslxcm = Ext.create('Ext.form.field.ComboBox',{ id : 'gyslxcm', ...

  3. jquery学习笔记：获取下拉框的值和下拉框的txt

    <div class="form-group"> <select class="form-control" id="iv_level ...

  4. Android中自定义xml文件给Spinner下拉框赋值并获取下拉选中的值

    场景 实现效果如下 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书.教程推送与免费下载. 实现 将布局改 ...

  5. 给datagridview的下拉框添加valueChange事件

    修改datagridview的EditMode属性为EdutOnEnter,否则需要点2次以上才出现下拉框 1.给DataGridView添加EditingControlShowing事件: 2.编辑 ...

  6. EasyUI combobox下拉框添加水平滚动条和垂直滚动条

    在EasyUI中combobox组件设置滚动条: 1.垂直滚动条:设置panelHeight属性,默认200,组件的数据过多滚动条自动出现,设置auto,则不出现滚动条. 2.水平滚动条:水平滚动条在 ...

  7. WebForm,Winfrom下拉框添加全部行

    WebForm: dropPostalLineNo.DataSource = "数据源";        dropPostalLineNo.DataTextField = &quo ...

  8. 解决select下拉框禁用（设置disabled属性）,后台获取值为空

    如果下拉框设置disabled属性后,提交表单到后台,后台获取的下拉框的值为空,以下有三种解决获取不到下拉框选项值的方法. 有下拉框html如:<select name="select ...

  9. js获取select下拉框的value值和text文本值

    介绍一种取下拉框值以及绑定下拉框数据的方法    这里用到的jquery-ui-multiselect插件 1.前台html代码 <span class="ModuleFormFiel ...

随机推荐

  1. mysql如何在一个字段后面加个字符？

    update city set 字段=concat(字段,'内容');

  2. symbol table meaning

    SYMBOL TABLE: 00000000 l    df *ABS*  00000000 m.c 00000000 l    d  .text  00000000 .text 00000000 l ...

  3. Log图文详解(Log.v,Log.d,Log.i,Log.w,Log.e)的用法

      Android.util.Log常用的方法有以下5个:Log.v() Log.d() Log.i() Log.w() 以及 Log.e() .根据首字母对应VERBOSE,DEBUG,INFO, ...

  4. 分布式数据库中的Paxos 算法

    分布式数据库中的Paxos 算法 http://baike.baidu.com/link?url=ChmfvtXRZQl7X1VmRU6ypsmZ4b4MbQX1pelw_VenRLnFpq7rMvY ...

  5. ABP理论学习之SignalR集成

    返回总目录 本篇目录 介绍 安装 建立连接 内置功能 你自己的SignaR代码 介绍 Abp.Web.SignalR 使得在基于ABP的应用程序中使用 SignalR相当容易.查看SignalR文档获 ...

  6. 【Paddy】数据库监控系列（一） - 监控理念

    很多时候,都和身边朋友聊两个问题,DBA的日常工作都是哪些?什么才是数据库方面最重要的? 我相信这两个问题的答案每个人都不会完全一样,我也是,所以这里只代表我的个人观点,并且以下的内容将围绕我的思路展 ...

  7. TODO：关于自媒体博客改名

    TODO:关于自媒体博客改名 1.微信公众号:ludong86 个人类帐号一个自然年内可主动修改两次名称 2.企鹅号 不能改帐号名称 3.简书 名称可以随意修改,但是个人主页是系统自动生成的. 4.今 ...

  8. c#设计模式-组合模式

    在软件开发过程中,我们经常会遇到处理简单对象和复合对象的情况,例如对操作系统中目录的处理就是这样的一个例子,因为目录可以包括单独的文件,也可以包括文件夹,文件夹又是由文件组成的,由于简单对象和复合对象 ...

  9. iOS-----正则表达式

    摘要: 正则表达式在字符串检验和查找中用处很广,IOS中也有其支持的类. 正则表达式在iOS开发中的应用 正则表达式在字符串查找,替换,检测中的应用非常广泛,正则表达式是什么,有怎样的语法,可以参考我 ...

  10. SQL分页

    --第一种分页(TOP方式)-- select * from T_Sys_User where User_Id in ( User_Id from T_Sys_User where User_Id n ...