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

时间:2012-02-08 07:15:32

标签: javascript jquery ajax

我有一个组合框,下拉项目就像:

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

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

2 个答案:

答案 0 :(得分: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/

希望这可以帮助你: - )

答案 1 :(得分:0)

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