可以输入的下拉框的实现方法其实就是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框进行定位
上一篇:如何设置下拉菜单选项