Javascript 试图抓住'；保存'；从引导中克隆的下拉选项中选择，并将输入保存到本地存储

试图将用户提供的输入保存在克隆的输入表单中，因此我希望它能够用于所有的“保存”选项，将文本保存在本地存储中，最后，为了在用户刷新页面时将文本保存在输入表单中，我已经尝试了很多不同的方法，哈。这是小提琴：

---

谢谢你的帮助

这里有一些任务：

获取正确的输入值

var task=$（f.target）.closest（'.dropdown menu'）.next（）.val（）；

$（f.target）.closest（'.dropdown menu'）

让您进入下拉菜单，输入是它的

next（）

localStorage.setItem

接受两个参数：（1）键名（2）数据（仅传递键）

为了将输入的值设置为存储在localStorage中的值，您需要将每个输入存储为不同的键（不仅仅是

input

）

您需要迭代输入并从

localStorage

设置其值

因为您存储的值是string，所以不需要

stringify

/

parse

另一点是名称和id不一致。第一个元素（稍后克隆的元素）没有。另外，

id

和

name

是不同的值，因为可以在（

length++

之间增加它）

---

非常感谢，这真的简化了事情，我只有两个问题，f.target来自哪里？而该值正在本地存储中存储为“未定义”值，如何更改？现在正在处理这个问题，也许我会弄明白，哦，刷新后如何让本地存储保留在输入框字段上？（1）

f.taget

此处解释-。在我的示例中，值是如何存储的。（2） 如果它在您的代码中不起作用，请更新您的JSFIDLE以便我检查。（3） 如果数据在localStorage中存储良好，那么应该遍历输入（在我的jsfiddle中的第25-28行）

f.target

sorry@DaleJohn这是你问题的答案吗？很抱歉我缺席了，我被另一个项目分散了注意力。是的，这帮了大忙，谢谢！

$save.click((f) => {
  var task = $("input:selected").val();   
  var getTask = JSON.parse(localStorage.getItem("input"));
  var setTask = JSON.stringify(localStorage.setItem("input"));
  console.log("text input has been saved");
}