Question

I have an html form that triggers a function to change a value, reference: http://jsfiddle.net/ZvuMh/3/
How can I use avalue dynamically in another function?

HTML:

<select id="sort_post_date">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
    <option value="d">d</option>
    <option value="e">e</option>
    <option value="f">f</option>    
</select>​

Change value function:

    var avalue='';
function getSelectData(id) {


    // set value to be the current selected value
    avalue = jQuery(id+" option:selected").val();

    // change value whenever the box changes
    jQuery(id).change(function () {
        avalue = jQuery(id+" option:selected").val();
        console.log("I see a change! -> "+avalue);
    });

    console.log(avalue);
    return avalue;
}

var d = getSelectData("#sort_post_date");
console.log(d);​

Another function that wants to inherit avalue when function getSelectData changes it to another letter:

function somefunction(){
    var test = "foo"+avalue;
}

Answer 1

why not just call it directly like this, this way, the somefunction will be called every time the letter changes:

// change value whenever the box changes
jQuery(id).change(function () {
    avalue = jQuery(id+" option:selected").val();
    console.log("I see a change! -> "+avalue);
    somefunction(avalue);
});

function somefunction(avalue){
    var test = "foo"+avalue;
}