将输入值传递给 onclick 函数答案

【问题标题】：pass input value to onclick function将输入值传递给 onclick 函数
【发布时间】：2020-04-21 11:36:50
【问题描述】：

谁能给我一个“技巧”如何将输入值传递给“a”元素的 onclick 函数。

假设我有特定 id 的输入字段：

<input id="yourname" type="text" value="Testing Value" class="form-control" type="text" placeholder="Your name here..." >

和函数“exportText”，它实际上从特定的 div id（传记）导出文本（html）：

<a   href="#" onclick="exportText('biography', 'Name of player');">

                Save your biography
            </a>

当您点击一个 href 链接时，它会将传记保存在 txt 文档中，名称为：“播放器名称.txt”

如何强制函数实际获取输入 id “yourname” 值并使用该名称保存 .txt 文档，例如“yourname+.txt”

我真的试图在网上搜索解决方案，但我的知识太少，无法在自己身上找到答案。

非常感谢！

【问题讨论】：

你必须创建一个JavaScript函数，你可以得到输入yourname的值。之后，您可以继续创建文件。
也许我没说，我已经有了导出文件的工作功能，它叫做“exportText”。函数本身有变量/参数 // 指定文件名 filename = filename?filename+'.txt':'yourname.txt';这段代码有帮助吗？
还是不清楚你想说什么。如果您共享整个代码会很好
我可以分享一个小提琴链接给你看吗？

标签： javascript

【解决方案1】：

在你的exportText函数中，如果是local函数你可以直接使用

document.getElementById('yourname').value;

而不是“玩家姓名”参数现在，如果它是一个全局函数，您可以使用特定的类（例如：ClsUserName）并在您的 exportText 中使用

document.getelementsbyclassname('ClsUserName')

【讨论】：

看起来像它的本地功能，我通过添加 document.getElementById('yourname').value+'.txt';我不确定，我编辑代码的方式最适合未来，但现在可以使用。谢谢雅尼克！
最好的方法总是最简单的 :-) 考虑接受好的答案，而不仅仅是投票。
完成 :) 再次感谢您的快速解决方案。

【解决方案2】：

你可以使用事件：

input id="yourname" value="Testing Value" class="form-control" type="text" placeholder="Your name here..." /> 
<a href="#" id="exportText">Save your biography</a>

和js：

document.getElementById('exportText').addEventListener('click', function() {
    console.log(document.getElementById('yourname').value)
})

【讨论】：

谢谢你的回答，我也会审查这个选项！