editable select

本文介绍了一个简单的HTML下拉框联动效果实现方式。通过特定的HTML结构与JavaScript代码结合,可以创建一个美观且实用的下拉选择框,当用户在选择框中做出选择时,其内容会同步显示在旁边的输入框内。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

< div style = " position:relative; " >  
    
< span style = " margin-left:100px;width:18px;overflow:hidden; " >  
    
< select style = " width:118px;margin-left:-100px; "  onchange = " this.parentNode.nextSibling.value=this.options[this.selectedIndex].text; " >  
        
< option value = " -1 " > 请选择1 </ option >  
        
< option value = " 1 " > 请选择2 </ option >  
    
</ select >
    
</ span >
    
< input type = " text "  style = " width:100px;position:absolute;left:0px; "  value = " 请选择... " >  
</ div >
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值