java文本框设置输入焦点,怎么让文本框提交后下一个文本框获得焦点

这篇博客探讨了如何在用户在文本框中输入内容并按回车进行查找后,使焦点自动跳转到下一个文本框。通过使用jQuery的next()函数,或者在前后端交互时传递参数来指示焦点位置,以及利用AJAX的success回调函数来设置焦点,可以实现在不刷新页面的情况下完成焦点转移。示例代码展示了在Chrome浏览器下有效的方法。
摘要由CSDN通过智能技术生成

如何让文本框提交后下一个文本框获得焦点

打开页面后  焦点在第一个文本框  输入内容按回车  进行查找  此时页面显示出 查找内容 并且 焦点自动跳到下一个文本框

1038165.gif怎么才能做到

只要在第一个文本框输入内容 提交后 内容出来了  但是页面刷新了  焦点还在第一个文本框

------解决思路----------------------

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值