juqery实现:原来的焦点在一个文本框上面,点击一个按钮得到失去焦点的文本框的值????????

时间:2023-01-28 15:57:53
juqery实现:原来的焦点在一个文本框上面,点击一个按钮得到失去焦点的文本框的值????????

7 个解决方案

#1


文本框的失去焦点和点击一个按钮获得焦点的时间先后不确定,所以在点击按钮的时候判断是否能取到某个值,如果取不到,就一直取,知道取到为止
js如下:假设文本框id为txt,按钮id为btn
var t_id="";//文本框id
$("#txt").blur(function(e){t_id=this.id;})
$("#btn").click(function(e){getIdEx();})
function getIdEx()
{
if(t_id!="") 
{
alert('获取的文本框的值为'+$("#"+t_id).val());
t_id="";//这里获取到以后要重置为空
}
else 
setTimeout(getIdEx,200);
)
}

#2


引用 1 楼 zhoufeng0401 的回复:
文本框的失去焦点和点击一个按钮获得焦点的时间先后不确定,所以在点击按钮的时候判断是否能取到某个值,如果取不到,就一直取,知道取到为止
js如下:假设文本框id为txt,按钮id为btn
var t_id="";//文本框id
$("#txt").blur(function(e){t_id=this.id;})
$("#btn").click(function(e){getIdEx();})……

+1

#3


点击了按钮,焦点就应该到了按钮上吧。。

#4


好像是先触发失焦事件,后触发点击事件吧。

#5


这个应该简单的: var getval="";
function getVals(){
$('#inputId').blur(function() {
         getval= $(this).val();
});
这样写,两种方法 :1、赋予一个全局变量。2、写一个<input type="hidden" />离开焦点时候,赋予这个<input type="type"> 然后就可以搞定了。

#6



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        *
        {
            margin: 0px;
        }
    </style>

    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function($) {

            var sss;


            $("input:text").blur(function(event) {
                sss = $(this).val();
            });


            $("#Button1").click(function(event) {
                alert(sss);
            });
        });
    </script>

</head>
<body>
    <input id="Text1" type="text" />
    <input id="Text2" type="text" />
    <input id="Text3" type="text" />
    <input id="Button1" type="button" value="button" />
</body>
</html>


#7


引用 6 楼 zhongweng 的回复:
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></t……


这不是和我的一样吗?

#1


文本框的失去焦点和点击一个按钮获得焦点的时间先后不确定,所以在点击按钮的时候判断是否能取到某个值,如果取不到,就一直取,知道取到为止
js如下:假设文本框id为txt,按钮id为btn
var t_id="";//文本框id
$("#txt").blur(function(e){t_id=this.id;})
$("#btn").click(function(e){getIdEx();})
function getIdEx()
{
if(t_id!="") 
{
alert('获取的文本框的值为'+$("#"+t_id).val());
t_id="";//这里获取到以后要重置为空
}
else 
setTimeout(getIdEx,200);
)
}

#2


引用 1 楼 zhoufeng0401 的回复:
文本框的失去焦点和点击一个按钮获得焦点的时间先后不确定,所以在点击按钮的时候判断是否能取到某个值,如果取不到,就一直取,知道取到为止
js如下:假设文本框id为txt,按钮id为btn
var t_id="";//文本框id
$("#txt").blur(function(e){t_id=this.id;})
$("#btn").click(function(e){getIdEx();})……

+1

#3


点击了按钮,焦点就应该到了按钮上吧。。

#4


好像是先触发失焦事件,后触发点击事件吧。

#5


这个应该简单的: var getval="";
function getVals(){
$('#inputId').blur(function() {
         getval= $(this).val();
});
这样写,两种方法 :1、赋予一个全局变量。2、写一个<input type="hidden" />离开焦点时候,赋予这个<input type="type"> 然后就可以搞定了。

#6



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        *
        {
            margin: 0px;
        }
    </style>

    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function($) {

            var sss;


            $("input:text").blur(function(event) {
                sss = $(this).val();
            });


            $("#Button1").click(function(event) {
                alert(sss);
            });
        });
    </script>

</head>
<body>
    <input id="Text1" type="text" />
    <input id="Text2" type="text" />
    <input id="Text3" type="text" />
    <input id="Button1" type="button" value="button" />
</body>
</html>


#7


引用 6 楼 zhongweng 的回复:
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></t……


这不是和我的一样吗?