zoukankan      html  css  js  c++  java
  • 可编辑的select框的实现(实用版)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE>可编辑select</TITLE>
      <script >
         function selShiftDesc(desc){
        if(desc.options.selectedIndex!=0){
        var v=desc.value;
        var t=desc.options[desc.options.selectedIndex].text 
        var i= document.getElementByIdx_x_x_x("i");
        var n= document.getElementByIdx_x_x_x("n");
        i.value=t;
        n.value=v;
        }
      }
      function c(){
       var t  = document.getElementByIdx_x_x_x("i").value;
       alert(t);
      }
      </script>
     </HEAD>

     <BODY>
                <div style="position:relative;">  
                   <span style="margin-left:100px;18px;overflow:hidden;">
                 <select id ='r' style="118px;margin-left:-100px" onchange="selShiftDesc(this);">
            <Option value=-1>-请选择-</option>
            <Option value=1>n1</option>
            <Option value=2>n2</option>
            <Option value=3>n3</option>
            <Option value=4>n4</option>
            <Option value=5>n5</option>
            <Option value=6>n6</option>
            <Option value=7>n7</option>
            <Option value=8>n8</option>
            <Option value=9>n9</option>
            </select>
           </span>
                <input id="i" type='text' name="newswriter.notes" style="100px;position:absolute;left:0px;"/>

          </div>

           <input type='button' id="b" value='提交' onclick="c();"/>
     </BODY>
    </HTML>

  • 相关阅读:
    项目--Asp.net全局变量的设置和读(web.config 和 Gloab)
    项目--后台代码提示
    项目--给项目添加提示声音
    项目--正则表达式
    项目--HTML Canvas 和 jQuery遍历
    项目--用户自定义控件
    Bzoj2120/洛谷P1903 数颜色(莫队)
    Poj2482 Stars in Your Window(扫描线)
    Poj2182 Lost Cows(玄学算法)
    Poj3468 A Simple Problem with Integers (分块)
  • 原文地址:https://www.cnblogs.com/milantgh/p/3719280.html
Copyright © 2011-2022 走看看