JQuery variable inside button function

Question

I need to grab a variable from a form when the button is clicked, and then process other functions.

This is the error:

jquery.min.js:6 Uncaught RangeError: Maximum call stack size exceeded

Here's the JQuery:

$(document).ready(function(){
var value;
var callMe = function(){
   value = document.getElementsByClassName("instr");
}

$('#container :button').click(function(event){
callMe();
doAjax(value);
});

});

More JQuery. There's more if it's needed.

function doAjax(value) {
    //var value , ajax;
    var ajax;       
    //value = 'CCBOT';  // This variable works when hard coded.

    //Pass the values to the AJAX request and specify function arg for 'done' callback
    ajax = theAjax(value);
    ajax.done(processData);
    ajax.fail(function( jqXHR, textStatus, errorThrown) {
            //Output error information
    });
}

Here's the html form:

<div id="container" class="center">
<form>
<label for="instr">Select Instrument</label>
<select name="instr" id="instr" class="instr" value="">
<option value="WHCBOT">WHEAT-SRW - CHICAGO BOARD OF TRADE</option>
<option value="WHMGE">WHEAT-HRSpring - MINNEAPOLIS GRAIN EXCHANGE</option>
<option value="CCBOT">CORN - CHICAGO BOARD OF TRADE</option>
<option value="OCBOT">OATS - CHICAGO BOARD OF TRADE</option>
</select>    
<input id="button" type="button" value="Get Chart">
</form>
<div id="response-container">
The chart will appear here..
</div>
</div>

The output of document.getElement.... is not the value, it returns the element. Try $('.instr').val() instead — Developer
– Developer, Commented Aug 19, 2016 at 17:04

Niet the Dark Absol · Accepted Answer · 2016-08-19 17:04:36Z

1

Your hardcoded test is 'CCBOT', a string value.

Your "live" test is document.getElementsByClassName('instr'), an HTMLCollection.

Since an HTMLCollection is quite clearly not what jQuery is expecting, unexpected behaviour results and the outcome is an unhandled error coming from deep within jQuery's depths.

jQuery doesn't handle type mismatches particularly well, as it tends to be very forgiving (just like HTML is), but in the end it works well with proper input so chances are if an error comes from jQuery, it's because you passed it something wrong.

Did you mean:

value = $(".instr").val();

?

answered Aug 19, 2016 at 17:04

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Micah Morris Over a year ago

Perfect, thank you. And thanks for the explanation. When I did an "alert" it did say "HTMLCollection" but I didn't know what that was. Still not sure but this will help me in the future. Thanks again.

Collectives™ on Stack Overflow

JQuery variable inside button function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related