如何让文本框提交后下一个文本框获得焦点
打开页面后 焦点在第一个文本框 输入内容按回车 进行查找 此时页面显示出 查找内容 并且 焦点自动跳到下一个文本框
怎么才能做到
只要在第一个文本框输入内容 提交后 内容出来了 但是页面刷新了 焦点还在第一个文本框
------解决思路----------------------
jquery.next(),查找下一个兄弟节点。将其设为焦点。
------解决思路----------------------
前后端交互的时候带一个参数,这个参数告诉页面上哪个文本框获取焦点
------解决思路----------------------
有一个方案,用AJAX在success函数里面指定哪个文本框获得焦点
------解决思路----------------------
//ajax获取数据
function searchData(val){
return "this is return data。";
}
$(document).ready(function(){
$('#search').focus();
$('#search').keydown(function(e){
if(e.keyCode==13){
val=$('#search').val();
$('#content').text(searchData(val));
$('#search2').focus();
}
});
});
chrome浏览器下测试可用。如果获取数据需要刷新页面,可能没有办法。
------解决思路----------------------
function func(){
//兼容火狐浏览器
if(navigator.appName == "Microsoft Internet Explorer"){
var keyc = event.keyCode;
}else{
var keyc = func.caller.arguments[0].which;
}
if(keyc==13){
alert(document.getElementById("t1").value);
document.getElementById("t2").focus();
}
}
文本框1:
文本框2:
------解决思路----------------------
你这个功能能用ajax实现
------解决思路----------------------
这个你得用ajax实现,你提交后页面都重新渲染了,你还怎么重新定位焦点?
在ajax的success里设置下个焦点,对应方法查询api