Question

我有一个组合框，下拉项目就像：

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

但我希望当用户没有将鼠标光标放在该组合框上时，上面的组合框应该像文本框一样。但是当用户将光标放在该文本框上时，文本框会立即表现得像组合框（如上面的组合框），并且下拉项目将会出现。这怎么可能？任何帮助

Answer 1

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

HTML代码：

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

<强> Jquery的：

$(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');
        });
});

供参考：

http://jsfiddle.net/Tpz2X/

希望这可以帮助你： - ）

Answer 2

你可以使用javascript。
处理javascript事件OnMouseOver，此时启用您的组合除非事件没有发生，否则禁用它并在OnMouseOver事件发生时启用它。

组合框像jsp中的文本框一样

2 个答案: