Question

我有这段代码，我想在其中捕获输入字段中的“主题”，并将其附加到“表单”标签的“主题”中。
我在这里没有得到如何使用document.getElementById的信息。请帮忙。

<!DOCTYPE html>
    <html>
    <body>
    <form name="form1" method="post" action="mailto:somebody@gmail.com?Subject=Internal Issues enctype="text/plain">

    <label for="Subject">Subject</label>
     <input type="text" id="Subject" name="Subject">
    </html>
    </body>

Answer 1

这里不要使用带有form属性的方法或类型，并且您的输入测试必须包含name =“ subject”

尝试一下，

document.getElementById('sender').addEventListener("click", sendEmail);

function GetBody() {
  var body = "Assignee : " + document.getElementById('Assignee').value + '\n' + "Requester: " + document.getElementById('Requester').value + '\n';
  return body;
};

function sendEmail() {
  var email = 'someone@gmail.com';
  var body = GetBody();
  var subject = document.getElementById('subject').value;
  var mailto_link = 'mailto:' + email + '?subject=' + subject + '&body=' + encodeURIComponent(body);
  window.location.href = mailto_link;
}

<form>
  <div style="white-space:nowrap">
    <label for="Requester" style="padding-right:50px;">Requester*</label>
    <input type="text" id="Requester" name="Requester:" placeholder="Your Vuclip Mail Id..">
  </div>
  <div style="white-space:nowrap">
    <label for="Assignee" style="padding-right:57px;">Assignee*</label>
    <input type="text" id="Assignee" name="Assignee" placeholder="Whom you want to assign">
  </div>
  <div style="white-space:nowrap">
    <label for="subject" style="padding-right:57px;">Subject*</label>
    <input id="subject" name="subject " type="text" value="I have a suggestion" style="width: 870px; font-size: 18px;" />
  </div>
</form>
<button id="sender">Send email</button>

提取输入文本字段值并将其附加到邮件主题

1 个答案: