如何将select所选择的数据传入到input中

最新推荐文章于 2021-12-22 16:46:04 发布

不善言谈者

最新推荐文章于 2021-12-22 16:46:04 发布

阅读量7.2k

点赞数 2

分类专栏：前端文章标签： select

本文链接：https://blog.csdn.net/bushanyantanzhe/article/details/82691726

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

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

由于一些原因,演示效果就不贴出来了,感兴趣的可以将代码拷贝下去,自行演示.
由于不是专门写前端的,可能代码有些粗糙.

不善言谈者

关注

2
点赞
踩
11

收藏

觉得还不错? 一键收藏
1
评论
如何将select所选择的数据传入到input中

最近接手的项目中有一个需求,在某原因填写时,使用菜单选择,当选择其它时,需要手动输入原因. 因为长时间没有接触前端的东西了,所以我一开始是懵逼的,后来上网查了不少资料后,写了一个小demo.&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;...
复制链接

扫一扫