Jquery - 将字符串视为变量名

Question

这是我的缩短脚本:

var string1 = "This is string 1";
var string2 = "This is string 2";

function test() {
    var selectedOption = $("select#myoptions option:selected").attr("id");
    var str = 'string'+selectedOption;
    $("div#result").html(str);  
}
$("select#myoptions").change(test);

我有一个下拉列表，每个选项都有一个整数 ID。当选择这个下拉列表时，我希望 jQuery 获取所选选项的 id 并显示末尾具有所选 id 的字符串变量的内容。

如果选择id为“1”的选项，则会显示“This is string 1”，...

但是我现在得到的是显示文本“string1”，而不是文本“This is string 1”。

我需要一些帮助。非常感谢!

Answer 1

您可以更新测试函数以使用 eval() :

function test() {
    var selectedOption = $("select#myoptions option:selected").attr("id");
    eval('$("div#result").html(string' + selectedOption + ');');
}

试一试。

我提供这个的目的是为了准确地满足您的要求，尽管我真的很喜欢 Rocket 提供的答案，它需要对存储字符串的方式进行一些小的更改。