【www.bbyears.com--ling】
这功能比较实用,很多情况下我们都能用得到,其实代码挺简单的,你还可以无限制的添加任意个下拉列表框的值,选中时自动显示在文本框。
JavaScript使用parentNode.nextSibling.value实现的本功能,实际上你会发现网页上有两个控件元素,一个是Select,一个是input,使用CSS将input覆盖于select之上,再使用JS将下拉框的值赋值给input,实际上是用input模拟出了select的功能,思路很新颖,也不知到底有多少人需要select可输入文字的功能,下面是详细的实现代码:
在本例中,CSS实现input输入框的定位,JS实现将用户所选择的Select的值显示在input中。