javascript实现的一个带下拉框功能的文本框

我们需要一个可选的下拉框来选取内容,但是但是又有可以自定义输入的需求。对于这种需求,大部分网站使用的都是一个下拉框和一个 input text ,并列或分行给出选择。那么,我们希望它看上去像一个可以输入也可以选择的下拉框,那该如何做呢?

其实我们可以通过 css position 定位及少许的 javascript 代码,模拟出来这种效果。

设计思路:在下拉列表上覆盖一个文本框,当选择下拉列表的内容时,顺便将选项的文字复制到文本框中,就可以实现仿下拉文本框的效果。(在java中有JComboBox可以实现,js中必须自己实现。)


有了思路就不难了,下面是范例源码:




 可编辑可选择的下拉框
 
 


 


你可能感兴趣的:(Javascript,javascript,输入文本的下拉列表框)