Javascript 组合框的作用类似于jsp中的文本框

我有一个组合框，下拉项如下：

<select name="combo1" id="combo1">
  <option value="a">A</option>
  <option value="b">B</option>
</select>

A.
B

---

但我希望，当用户未将鼠标光标放在组合框上时，上述组合框的行为应类似于文本框。但当用户将光标放在该文本框上时，textbox将立即表现为一个组合框（类似于上面的组合），下拉项将出现。怎么可能呢？任何帮助都可以使用javascript实现。
处理javascript的OnMouseOver事件，并在此时启用您的组合。

---

除非事件未发生，否则禁用它，并在发生OnMouseOver事件时启用它。

您可以使用以下代码获取输入标记的自动完成onfocus：

html代码：

<div class="demo">  
    <div class="ui-widget">    
    <label for="tags">Tags: </label>    
    <input id="tags">
    </div>
</div>

$(function() {       
    var availableTags = [       
        "ActionScript",        
        "AppleScript",      
        "Asp",           
        "BASIC",          
        "C",        
        "C++",          
        "Clojure",    
        "COBOL",   
        "ColdFusion",    
        "Erlang",       
        "Fortran",    
        "Groovy",     
        "Haskell",  
        "Java",       
        "JavaScript",      
        "Lisp",        
        "Perl",         
        "PHP",        
        "Python",      
        "Ruby",         
        "Scala",        
        "Scheme"         ];     
    $( "#tags" ).autocomplete({          
        source: availableTags,
        minLength: 0
    }).focus(function(){            
            $(this).trigger('keydown.autocomplete');
        });
});

供参考：

<div class="demo">  
    <div class="ui-widget">    
    <label for="tags">Tags: </label>    
    <input id="tags">
    </div>
</div>

$(function() {       
    var availableTags = [       
        "ActionScript",        
        "AppleScript",      
        "Asp",           
        "BASIC",          
        "C",        
        "C++",          
        "Clojure",    
        "COBOL",   
        "ColdFusion",    
        "Erlang",       
        "Fortran",    
        "Groovy",     
        "Haskell",  
        "Java",       
        "JavaScript",      
        "Lisp",        
        "Perl",         
        "PHP",        
        "Python",      
        "Ruby",         
        "Scala",        
        "Scheme"         ];     
    $( "#tags" ).autocomplete({          
        source: availableTags,
        minLength: 0
    }).focus(function(){            
            $(this).trigger('keydown.autocomplete');
        });
});

---

希望这对您有所帮助：-）

一旦选中此jquery自动完成插件：没有用户不会键入任何内容，只需将光标放在该文本框上，它的行为类似于一个组合框，用户将从该组合框中选择项目。您可以像onfocus一样自定义上面的一项，以启用自动完成功能。我正在尝试，但它没有发生，你能用提琴给我看一个演示吗？检查一下下面的代码，然后用提琴汤姆..是的，我知道了，但是你能帮我提供js库和css库吗？汤姆，哪个js库和css库？并提高您的接受率：-）您已经完成了这项工作，所以只有jquery库就足够了？用于设计如何导入css文件？您还没有在fiddle中编写任何css代码。您可以使用自己的css，或者请查看默认库的url和css：只需要一个帮助，您可以提供我可以找到的那些文件的url。您的上述fiddle的css文件？