【问题标题】:How to set focus to MagicSuggest Input element如何将焦点设置到 MagicSuggest 输入元素
【发布时间】:2015-02-27 06:41:11
【问题描述】:

我正在使用 MagicSuggest 进行多选。在我的表单中,我使用 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>

任何帮助将不胜感激。

问候, 雷卡

【问题讨论】:

  • 我将在我的问题中添加代码。请参考。

标签: jquery multi-select magicsuggest


【解决方案1】:

我用下面的代码解决了这个问题,

ms.input.focus();

问候, 雷卡

【讨论】:

    猜你喜欢
    • 2020-03-27
    • 1970-01-01
    • 1970-01-01
    • 2012-06-18
    • 2020-05-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多