如何将焦点设置到 MagicSuggest Input 元素
How to set focus to MagicSuggest Input element
我正在为 multiselect.In 我的表单使用 MagicSuggest 我正在使用 Tab 键移动到下一个 field.When 我在一个字段中按 Tab 键,它应该移动到我的 magicsuggest 输入 field.For已给出
$("#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();
此致,
雷卡
我正在为 multiselect.In 我的表单使用 MagicSuggest 我正在使用 Tab 键移动到下一个 field.When 我在一个字段中按 Tab 键,它应该移动到我的 magicsuggest 输入 field.For已给出
$("#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();
此致, 雷卡