zoukankan      html  css  js  c++  java
  • 如何将select所选择的数据传入到input中

    最近接手的项目中有一个需求,在某原因填写时,使用菜单选择,当选择其它时,需要手动输入原因.
    因为长时间没有接触前端的东西了,所以我一开始是懵逼的,后来上网查了不少资料后,写了一个小demo.

    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="UTF-8">
    <title></title>
    </head>

    <body>
    借用原因:<input type="text" disabled="disabled" id="txt"/>
    <select id="test" onchange="tt(this.id)">
    <option value="1">自己使用</option>
    <option value="2">部门使用</option>
    <option value="3">其它</option>
    </select>
    <script>
    function tt(id) {
    var aa = document.getElementById(id);
    var i = aa.selectedIndex;
    var text = aa.options[i].text;
    var value = aa.options[i].value;
    if(value == 3) {

    text = "请手动填写原因";
    document.getElementById("txt").disabled=false;
    }
    document.getElementById("txt").value = text;
    }


    </script>

    </body>

    </html>

    ————————————————
    版权声明:本文为CSDN博主「不善言谈者」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/bushanyantanzhe/java/article/details/82691726

  • 相关阅读:
    Win32程序支持命令行参数的做法
    打包jar类库与使用jar类库
    Java日期格式化
    集合类层次结构关系
    深入理解Arrays.sort()
    Java 异常类层次结构
    equals()与hashCode()方法协作约定
    shp数据和tab数据的两点区别
    java+上传文件夹
    vue+大文件分片上传
  • 原文地址:https://www.cnblogs.com/apolloren/p/13279614.html
Copyright © 2011-2022 走看看