javascript如何动态更新变量

Question

我有一个触发函数来更改值的html表单，参考： http ： //jsfiddle.net/ZvuMh/3/如何在另一个函数中动态使用avalue ？

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>​

改变价值功能：

    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);​

当函数getSelectData将其更改为另一个字母时，另一个想要继承avalue函数：

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

Answer 1

为什么不直接这样调用它，这样，每次字母改变时都会调用somefunction ：

// 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;
}

Answer 2

使用该变量的全局范围，如window.avalue = 'value' ，并使用window.avalue访问它