使用对象的值作为另一个对象的名称

Question

首先，我想为模棱两可的标题道歉:) 其次，我是jQuery的新手。

我有两个值下拉（“taget1”和“target2”）。在页面加载时，我正在为localStorage设置每个目标的URL（target1 = google.com和target2 = gmail.com）。

当下拉列表发生变化时，我在localStorage（lastSelection = target2）中设置了“lastSelection”变量。

现在，我还想从localStorage获取相关的URL。所以当我改为“target2”时，我想从localStorage获取保存的URL。而不是使用“if”，我想我可以使用下拉列表中的val（）。

这不起作用：

var url = localStorage.getItem([lastSelection])

如何使用lastSelection的值来获取localStorage.getItem('target2')？

之类的结果

Answer 1

val()会为您提供所选的下拉列表值。试试这个

localStorage.getItem($("dropdownSelector").val());

因此，如果您在target1中选择dropdown，它会为您提供google.com，而对于target2，则会按预期为您提供gmail.com。

Answer 2

似乎'target1'和'target2'是显示在下拉列表中的文本。你可以使用：

var selectedText = $("#dropdownId option:selected").text();

如果他们引用选项的实际值而不是文本，那么

var selectedValue = $("#dropdownId option:selected").val();

现在您可以使用selectedText或selectedValue，它们可以作为参数从本地存储中获取内容。

var url = localStorage.getItem(selectedText);