如何将焦点设置为MagicSuggest Input元素

时间:2015-02-27 06:41:12

标签: jquery multi-select magicsuggest

我正在使用MagicSuggest进行multiselect。在我的表单中,我使用tab移动到下一个字段。当我从一个字段中按Tab键时,它应该移动到magicsuggest输入字段。我已经给出了

$("#mselect").focus(); //not working
$("#mselect input").focus(); //not working

这是我的代码。

 <link href="magicsuggest/magicsuggest.css" rel="stylesheet"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script src="magicsuggest/magicsuggest.js"></script>
<script type='text/javascript'>
    var ms;
    $(document).ready(function () {

        function select() {
             ms = $('#ms-scrabble').magicSuggest({
                expandOnFocus: true,
                useTabKey: true,
                autoSelect: false,
                data: ['Banana', 'Apple', 'Orange', 'Lemon'],
                id:'sa'
            });     

                ms.setValue(['Banana']);    
        }          
 select();   

$("#test").blur(function(){
   test();      
});    
    });
    function test(){
    console.log(ms);
    ms.clear();
    ms.setValue(['Orange']);
    ms.collapse();
    $('#ms-scrabble').focus();
}
</script>
<form name='frm' method='post' action='test.php'>
<div><input class="form-control"></div>
<div><input class="form-control"></div>
<div><input class="form-control" id="ms-scrabble" name='ms-scrabble' autofocus="true"></div>
<div><input class="form-control" id="test"></div>
<input type='submit'>
</form>

任何帮助都将不胜感激。

此致 雷卡

1 个答案:

答案 0 :(得分:3)

我使用以下代码

解决了这个问题
ms.input.focus();

此致 雷卡