下拉框可实现select与input功能的简便做法

最新推荐文章于 2021-12-08 16:52:29 发布

wenxu_J

最新推荐文章于 2021-12-08 16:52:29 发布

阅读量1.2w

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/wenxu_J/article/details/48154027

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<script language="javascript">
    function A(){
       document.getElementById('box').value=
       document.getElementById('SS').options[document.getElementById('SS').selectedIndex].value;
    }
</script>
<html>
<body>
    <div style="position:relative;"> 
        <span style="margin-left:100px;width:0px;overflow:hidden" > 
            <select style="width:118px;margin-left:-100;height:25px" οnchange="A()" id="SS" name="SS"> 
            <option value="A">A</option> 
            <option value="B">B</option> 
            <option value="C">C</option> 
            </select>
        </span>
        <input name="box" id="box" style="width:100px;position:absolute;left:0px;height:25px"> 
    </div>
</body>
</html>

通过布局来实现下拉框的select与Input功能；

通过document.getElementById('box').value= document.getElementById('SS').options[document.getElementById('SS').selectedIndex].value，实现下拉框的值传参到Input里去。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wenxu_J

关注关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
下拉框可实现select与input功能的简便做法

通过布局来实现下拉框的select与Input功能；通过document.getElementById('box').value= document.getElementById('SS').options[document.getElementById('SS').selectedIndex].value，实现下拉框的值传参到Input里去。
复制链接

扫一扫