js选择select下拉框值自动填充到输入框|js选择Select下拉框值自动填充到输入框

更新时间:2019-07-04    来源:ling    手机版     字体:

【www.bbyears.com--ling】

这功能比较实用,很多情况下我们都能用得到,其实代码挺简单的,你还可以无限制的添加任意个下拉列表框的值,选中时自动显示在文本框。


JavaScript使用parentNode.nextSibling.value实现的本功能,实际上你会发现网页上有两个控件元素,一个是Select,一个是input,使用CSS将input覆盖于select之上,再使用JS将下拉框的值赋值给input,实际上是用input模拟出了select的功能,思路很新颖,也不知到底有多少人需要select可输入文字的功能,下面是详细的实现代码:

 代码如下




在本例中,CSS实现input输入框的定位,JS实现将用户所选择的Select的值显示在input中。

 代码如下



下拉框的选中值自动添加到文本框







本文来源:http://www.bbyears.com/shujuku/56413.html

热门标签

更多>>

本类排行