最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js选择Select下拉框值自动填充到输入框
时间:2014-08-16 编辑:简简单单 来源:一聚教程网
这功能比较实用,很多情况下我们都能用得到,其实代码挺简单的,你还可以无限制的添加任意个下拉列表框的值,选中时自动显示在文本框。
JavaScript使用parentNode.nextSibling.value实现的本功能,实际上你会发现网页上有两个控件元素,一个是Select,一个是input,使用CSS将input覆盖于select之上,再使用JS将下拉框的值赋值给input,实际上是用input模拟出了select的功能,思路很新颖,也不知到底有多少人需要select可输入文字的功能,下面是详细的实现代码:
代码如下 | 复制代码 |
|
在本例中,CSS实现input输入框的定位,JS实现将用户所选择的Select的值显示在input中。
代码如下 | 复制代码 |
|
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31