Question

任何人都可以给我一个“技巧”如何将输入值传递给“ 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文档中，其名称为：“ player.txt的名称”

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

我确实试图通过网络搜索解决方案，但是我的知识太低，无法自己找到答案。

非常感谢您！

Answer 1

您可以使用事件：

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)
})

Answer 2

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

document.getElementById('yourname').value;

代替“玩家姓名”参数现在，如果它是全局函数，则可以使用特定的类（Ex：ClsUserName）并在exportText中使用

document.getelementsbyclassname('ClsUserName')

将输入值传递给onclick函数

2 个答案: