select2 光标焦点不跳转
select2 cursor focus not jump
我在我的 select2 上插入了一个输入文本:
$("#selectBank").select2("container").find("div.select2-drop").append('<div><input type="text" class="inputADD" role="comboboxadd" id="addBank" placeholder=""><input type="submit" value="Add"></div>');
碰巧 光标焦点 一直在输入搜索框 select2 中 .. 当我点击我的新输入文本时,光标焦点不会跳转到我的新字段。
link 示例(抱歉,我没有 10 个声望,我是 post 的新手):
http://s2.postimg.org/9vw90oze1/SL1.png
有什么解决办法吗?
`$('<div><input type="text" class="inputADD" role="comboboxadd" id="addBank" placeholder=""><input type="submit" value="Add"></div>').insertAfter("#s2id_singleSelectExample .select2-results").on('mousedown mouseup click',
function(e) {
$( "#s2id_autogen1_search" ).prop( "disabled", true );
$('#s2id_autogen1_search').css('cursor','text');
}
).on('focusout',
function(e) {
$( "#s2id_autogen1_search" ).prop( "disabled", false );
});
我在我的 select2 上插入了一个输入文本:
$("#selectBank").select2("container").find("div.select2-drop").append('<div><input type="text" class="inputADD" role="comboboxadd" id="addBank" placeholder=""><input type="submit" value="Add"></div>');
碰巧 光标焦点 一直在输入搜索框 select2 中 .. 当我点击我的新输入文本时,光标焦点不会跳转到我的新字段。
link 示例(抱歉,我没有 10 个声望,我是 post 的新手): http://s2.postimg.org/9vw90oze1/SL1.png
有什么解决办法吗?
`$('<div><input type="text" class="inputADD" role="comboboxadd" id="addBank" placeholder=""><input type="submit" value="Add"></div>').insertAfter("#s2id_singleSelectExample .select2-results").on('mousedown mouseup click',
function(e) {
$( "#s2id_autogen1_search" ).prop( "disabled", true );
$('#s2id_autogen1_search').css('cursor','text');
}
).on('focusout',
function(e) {
$( "#s2id_autogen1_search" ).prop( "disabled", false );
});