从同一函数返回在函数内的事件处理程序中创建的值

Question

I have an input box and a go button. When the user clicks the go button I want to compare the inserted value with another value. I am trying to acquire the input value inside a function like so

function getInput(){
        var entry ='';
        $('button.go').on('click',function(){
            var entry = $(this).siblings('.input').val();
            //return entry
        })
        return entry


}

Basically I want to return the var entry that has an input value, so I could compare the values later in the code

var input = getInput() // this should have input value
is input > othervalue

I call getInput inside document.ready()

Answer 1

You are doing everything right . There are some scope related issues that is not helping you to get the expected result . My suggestion would be to define othervalue variable as global and check it inside the function like this

function getInput(){       
    $('button.go').on('click',function(){
       var entry = $(this).siblings('.input').val();     
        if(entry>othervalue) //your code     
    });     
}

I am not sure why you are binding dynamic click event inside a function . If there is nothing else you need to do here except this part, then wrap this piece of code inside document.ready .

Answer 2

I would suggest to declare your var entry =''; globally and assign it before comparing.

var entry="";
$('button.go').on('click',function(){
     entry = $(this).siblings('.input').val();
});
//do the comparing..

Answer 3

You should do the comparing, after delegating the click function, inside the function.

var entry = "";
$('button.go').on('click', function(){
     var entry = $(this).prev('.input').val();
     if (entry < x)
         // Do something
});

Answer 4

It remains unclear to me what you want to accomplish.

I made some code that might be somewhere near what you want.

 jQuery().ready(function() { var startValue = $('input[name="the_input"]').val(); $('form').submit(function() { var currentValue = $('input[name="the_input"]').val(); $('body').append('<br />' + startValue + ' - ' + currentValue + ' = ' + (startValue - currentValue)); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <form action="#" method="post"> <input type="text" value="10" name="the_input" /><br /> <input type="submit" value="go!" /> </form>