多语言展示
当前在线:1565今日阅读:60今日分享:41

可以输入的下拉框实现方法

可以输入的下拉框的实现方法其实就是select选择框和input输入框的组合,在select选择框中加入onchange方法,在js中将select选中的值赋值给input输入框,下面有详细代码以及视频展示(这种自己设计可以输入的下拉框,一般用在不会使用成熟框架的时候)0怎么看QQ运动中领了多少红包
方法/步骤
2

下面的选择框中有两个值“爬楼高手”和“隔壁老尤条”,select标签中有一个onchange()方法,当我们选择某一个值的时候,会将选中的值赋值给input框

3

选中“隔壁老尤条”,input输入框中显示“隔壁老尤条”

4

选中“爬楼高手”,input输入框显示“爬楼高手”

5

输入'fffffffff',input输入框中显示“fffffffff”

6

head中内容,主要是样式的调整

7

body中内容,定义了一个输入框,一个下拉框

8

js脚本,主要是将select选中的值赋值给input框

注意事项
1

本经验由爬楼高手发布,如果帮到了您,帮这篇经验点赞投票哦,谢谢大家

2

提示:可以动态的获取input框的位置,然后再给select框进行定位

推荐信息