jquery - 如何将焦点设置到 MagicSuggest 输入元素

标签 jquery multi-select magicsuggest

我正在使用 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>

如有任何帮助,我们将不胜感激。

问候, 雷卡

最佳答案

我使用以下代码解决了该问题,

ms.input.focus();

问候, 雷卡

关于jquery - 如何将焦点设置到 MagicSuggest 输入元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28759026/

相关文章:

angularjs - Angular 多选下拉菜单 |按字母顺序排序

jquery - 使用magicSuggest插件时如何手动获取Value?

php - MagicSuggest动态ajax源码

javascript - 附加元素后不触发事件

javascript - 使用嵌套的 JSON 对象填充选择标签

javascript - 使用 php session 的事件 session 中菜单列表的方法

javascript - 使用 POST 请求过滤 loadData

multi-select - 选择实现多选中的所有选项

javascript - Jquery map 不会检索选定的选项;总是空着?似乎跳过变量,适用于 jsfiddle,没有控制台错误

javascript - MagicSuggest 不显示初始标签(值)