zoukankan      html  css  js  c++  java
  • 连动html(select)标签操作 原创(create by le)

     代码是最好的解释,请看代码,呵呵!

    代码
      function ChangeCustomId(obj) {
                
    var opt = obj.options[obj.selectedIndex]
                
    //alert("The option you select is:" + opt.text + "(" + opt.value + ")");
     
                
    var opt = obj.options[obj.selectedIndex]
                
    var selectItem = document.getElementsByName("mySelect1");
                
    for (i = 0; i < selectItem.length; i++) {
                    selectItem[i].selectedIndex 
    = obj.selectedIndex;
                }
            }
    <
    select id="mySelect" name="mySelect" onchange="ChangeCustomId(this)"><option>1</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>9</option>
    <option>10</option>
    <option>14</option>
    <option>15</option>
    <option>16</option>
    </select>
                
    </th>

    function ChangeCustomId(obj) {
                var opt = obj.options[obj.selectedIndex]
                //alert("The option you select is:" + opt.text + "(" + opt.value + ")");

                var opt = obj.options[obj.selectedIndex]
                var selectItem = document.getElementsByName("mySelect1");
                for (i = 0; i < selectItem.length; i++) {
                    selectItem[i].selectedIndex = obj.selectedIndex;
                }
            }

  • 相关阅读:
    jconsole远程连接监控tomcat
    Nginx监控配置
    Nginx安装+2tomcat配置
    Flexbox布局模式的理解
    Web性能优化:图片优化
    大公司里怎样开发和部署前端代码?
    原生js下拉刷新
    全国三级城市联动 js版
    js获取智能机浏览器版本信息
    JS年月日三级联动下拉框日期选择代码
  • 原文地址:https://www.cnblogs.com/chenli0513/p/1865977.html
Copyright © 2011-2022 走看看