有没有办法在HTML元素中获取javascript变量的值?

胡扯

我知道这听起来很愚蠢而且毫无意义,但是我正在尝试创建一个网站,该网站从输入的我的工作场所的姓氏和名字中查找电子邮件地址。它仅具有2个文本输入字段,一个用于初始字段,一个用于姓氏。我的JavaScript将这些与电子邮件的布局结合在一起,并将其设置为变量“ email”。如何使用“ mailto:”将其设置为按钮的href标签?我尝试使用onmouseover="this.href = 'mailto:'+email;"它只是返回undefined;‎

function buildEmail() {
  var initial = document.getElementById("initial").value;
  var surname = document.getElementById("surname").value;
  var email = initial + surname + "@[emaildomain.com]"
}
<h1>Enter the first initial</h1>
<br>
<input type="text" id="initial" />
<br>
<h2>Enter the surname</h2>
<br>
<input type="text" id="surname" />
<br>
<button>
  <a onClick=myFunction() onmouseover="this.href = 'mailto:'+email">Click to send email</a>
</button>

epascarello

您遇到的问题是您有未调用的buildEmail。事实是,变量email在被调用时会作用于函数,因此它不是全局的。

只需调用onmousedown函数并设置href,以便单击将触发mailto。

function buildEmail(event) {
  var initial = document.getElementById("initial").value;
  var surname = document.getElementById("surname").value;
  var email = initial + surname + "@example.com"
  event.target.href = "mailto:" + email;
}
<center><h1>Enter the first initial</h1>
<br>
<input type="text" id="initial" />
<br>
<h2>Enter the surname</h2>
<br>
<input type="text" id="surname" />
<br>
<button><a onmousedown="buildEmail(event)">Click to send email</a></button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

有没有办法在python脚本中获取变量的所有值?

来自分类Dev

有没有办法获取JSON值中特定元素的路径?

来自分类Dev

有没有办法在JavaScript中的for循环的每次迭代中捕获变量的值?

来自分类Dev

有没有办法在Javascript中按类获取数组中的输入值?

来自分类Dev

有没有办法在香草JS的javascript中生成的表中获取TD的值?

来自分类Dev

有没有办法从从列表中获取 Enum 元素的变量中提取 Enum number(int) ?

来自分类Dev

有没有办法使用css在html中隐藏没有id或class的元素?

来自分类Dev

有没有办法在被调用类的方法中访问变量/获取调用者类的分配值?

来自分类Dev

有没有办法获取表单元素及其相关值

来自分类Dev

有没有办法用ClrMD获取局部变量的值(如sosex!mdv)?

来自分类Dev

有没有办法显示HTML中python数组中的所有元素?

来自分类Dev

有没有办法在java中的ResultSet变量中获取特定数据

来自分类Dev

有没有办法捕获变量中dom元素的id?

来自分类Dev

有没有办法在ISim中显示变量?

来自分类Dev

有没有办法打印 PDF 但手动设置值而不是从主 HTML 中获取它们?

来自分类Dev

有没有办法在importee中获取进口商的变量?

来自分类Dev

VBA-有没有办法从变量String中获取常量值?

来自分类Dev

有没有办法从函数内部定义的变量中获取信息?

来自分类Dev

Python:有没有办法获取由Javascript动态创建的HTML?

来自分类Dev

有没有办法使用Angularjs在HTML元素中显示数组json对象

来自分类Dev

有没有办法(在 c# 中)遍历网站 HTML 上的文章元素?

来自分类Dev

有没有办法在Angular 7中为模板html属性* key *使用变量?

来自分类Dev

有没有办法在HTML文档(或PHP脚本)中携带变量?

来自分类Dev

有没有办法在MySQL中获取自动提交的默认值?

来自分类Dev

有没有办法在beforeSave或afterSave中获取属性的先前值?

来自分类Dev

有没有办法在tkinter中获取动态添加的文本字段的值?

来自分类Dev

有没有办法从 Linq to Entity 查询中的日期获取长值?

来自分类Dev

有没有办法在计算属性中获取 v-model 值?

来自分类Dev

有没有办法获取JavaScript中存储在数组中的对象的属性?

Related 相关文章

  1. 1

    有没有办法在python脚本中获取变量的所有值?

  2. 2

    有没有办法获取JSON值中特定元素的路径?

  3. 3

    有没有办法在JavaScript中的for循环的每次迭代中捕获变量的值?

  4. 4

    有没有办法在Javascript中按类获取数组中的输入值?

  5. 5

    有没有办法在香草JS的javascript中生成的表中获取TD的值?

  6. 6

    有没有办法从从列表中获取 Enum 元素的变量中提取 Enum number(int) ?

  7. 7

    有没有办法使用css在html中隐藏没有id或class的元素?

  8. 8

    有没有办法在被调用类的方法中访问变量/获取调用者类的分配值?

  9. 9

    有没有办法获取表单元素及其相关值

  10. 10

    有没有办法用ClrMD获取局部变量的值(如sosex!mdv)?

  11. 11

    有没有办法显示HTML中python数组中的所有元素?

  12. 12

    有没有办法在java中的ResultSet变量中获取特定数据

  13. 13

    有没有办法捕获变量中dom元素的id?

  14. 14

    有没有办法在ISim中显示变量?

  15. 15

    有没有办法打印 PDF 但手动设置值而不是从主 HTML 中获取它们?

  16. 16

    有没有办法在importee中获取进口商的变量?

  17. 17

    VBA-有没有办法从变量String中获取常量值?

  18. 18

    有没有办法从函数内部定义的变量中获取信息?

  19. 19

    Python:有没有办法获取由Javascript动态创建的HTML?

  20. 20

    有没有办法使用Angularjs在HTML元素中显示数组json对象

  21. 21

    有没有办法(在 c# 中)遍历网站 HTML 上的文章元素?

  22. 22

    有没有办法在Angular 7中为模板html属性* key *使用变量?

  23. 23

    有没有办法在HTML文档(或PHP脚本)中携带变量?

  24. 24

    有没有办法在MySQL中获取自动提交的默认值?

  25. 25

    有没有办法在beforeSave或afterSave中获取属性的先前值?

  26. 26

    有没有办法在tkinter中获取动态添加的文本字段的值?

  27. 27

    有没有办法从 Linq to Entity 查询中的日期获取长值?

  28. 28

    有没有办法在计算属性中获取 v-model 值?

  29. 29

    有没有办法获取JavaScript中存储在数组中的对象的属性?

热门标签

归档