文章/答案/技术大牛

发布

社区首页 >问答首页 >将输入文本从3个字段传递到JavaScript并发送

问将输入文本从3个字段传递到JavaScript并发送
EN

Stack Overflow用户

提问于 2019-09-03 16:26:23

回答 1查看 77关注 0票数 1

我试图发送数据捕获信息使用的形式，是链接到我的客户关系管理。表格在视频的末尾。

我已经设法使字段传递给CRM并存储数据，但我无法获得最终字段，公司名称，以传递到CRM。我添加了额外的Javascript，看看它是否能在焦点上工作，但它不起作用。另一个字段传入ok，即使添加了额外的脚本。

我希望所有字段都传递给crm，公司应该是一个合并的名字，姓氏和(电子邮件地址)，所以

FN - John
SN - Smith
Email - js@google.com
Company would equal - John Smith(js@google.com)

function myFunction() {
  var x = document.getElementById("First Name").value + " " + document.getElementById("Surname").value + "(" + document.getElementById("agilefield-9").value + ")";
  document.getElementById("agilefield-11").value = x;
}



(function(a) {
  var b = a.onload,
    p = true;
  isCaptcha = false;
  if (p) {
    a.onload = "function" != typeof b ? function() {
      try {
        _agile_load_form_fields()
      } catch (a) {}
    } : function() {
      b();
      try {
        _agile_load_form_fields()
      } catch (a) {}
    }
  };
  var formLen = document.forms.length;
  for (i = 0; i < formLen; i++) {
    if (document.forms.item(i).getAttribute("id") == "agile-form") {
      a.document.forms.item(i).onsubmit = function(a) {
        a.preventDefault();
        try {
          _agile_synch_form_v5(this)
        } catch (b) {
          this.submit()
        }
      }
    }
  }
})(window);

<form class="form-view theme2" id="agile-form" action="https://***/formsubmit" style="max-width:450px;" method="GET">
  <fieldset>
    <!-- Form Name -->
    <legend class="agile-hide-formname">Membership Form</legend>
    <p class="agile-form-description">Please fill out your Membership form</p>
    <div style="display: none; height: 0px; width: 0px;">
      <input type="hidden" id="_agile_form_name" name="_agile_form_name" value="Membership Form">
      <input type="hidden" id="_agile_domain" name="_agile_domain" value="***">
      <input type="hidden" id="_agile_api" name="_agile_api" value="***">
      <input type="hidden" id="_agile_redirect_url" name="_agile_redirect_url" value="#">
      <input type="hidden" id="_agile_document_url" name="_agile_document_url" value="">
      <input type="hidden" id="_agile_confirmation_msg" name="_agile_confirmation_msg" value="Thanks">
      <input type="hidden" id="_agile_form_id_tags" name="tags" value="Video Form">
      <input type="hidden" id="_agile_form_id" name="_agile_form_id" value="***">
    </div>
    <!-- Text input-->
    <div class="agile-group">
      <label class="agile-label" for="First Name">First Name</label>
      <div class="agile-field-xlarge agile-field">
        <input maxlength="250" id="First Name" name="first_name" type="text" placeholder="" class="agile-height-default">
      </div>
      <div class="agile-custom-clear"></div>
    </div>
    <!-- Text input-->
    <div class="agile-group">
      <label class="agile-label" for="Last Name">Last Name</label>
      <div class="agile-field-xlarge agile-field">
        <input maxlength="250" id="Last Name" name="last_name" type="text" placeholder="" class="agile-height-default">
      </div>
      <div class="agile-custom-clear"></div>
    </div>
    <!-- Text input-->
    <div class="agile-group">
      <label class="agile-label" for="agilefield-9">Email</label>
      <div class="agile-field-xlarge agile-field">
        <input maxlength="250" id="agilefield-9" name="email" type="email" placeholder="" class="agile-height-default" onfocusout="myFunction()">
      </div>
      <div class="agile-custom-clear"></div>
    </div>
    <!-- Hidden input-->
    <div class="agile-group agile-hiddenEle-group">
      <label class="agile-label" for="agilefield-11">Company</label>
      <div class="agile-field-xlarge agile-field">
        <input id="agilefield-11" name="Company" type="text" value="" class="agile-height-default">
      </div>
      <div class="agile-custom-clear"></div>
    </div>
  </fieldset>
</form>

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-09-03 16:36:41

首先，您正在使用id Surname调用一个不存在的元素，您可能会考虑使用id Last Name的元素。

也是重要的，id是唯一的，不应该包含空格。

将代码中的所有id(“名”替换为“名”)如下所示：

function myFunction() {
  var x = document.getElementById("First-Name").value + " " + document.getElementById("Last-Name").value + "(" + document.getElementById("agilefield-9").value + ")";
  document.getElementById("agilefield-11").value = x;
}



(function(a) {
  var b = a.onload,
    p = true;
  isCaptcha = false;
  if (p) {
    a.onload = "function" != typeof b ? function() {
      try {
        _agile_load_form_fields()
      } catch (a) {}
    } : function() {
      b();
      try {
        _agile_load_form_fields()
      } catch (a) {}
    }
  };
  var formLen = document.forms.length;
  for (i = 0; i < formLen; i++) {
    if (document.forms.item(i).getAttribute("id") == "agile-form") {
      a.document.forms.item(i).onsubmit = function(a) {
        a.preventDefault();
        try {
          _agile_synch_form_v5(this)
        } catch (b) {
          this.submit()
        }
      }
    }
  }
})(window);

<form class="form-view theme2" id="agile-form" action="https://***/formsubmit" style="max-width:450px;" method="GET">
  <fieldset>
    <!-- Form Name -->
    <legend class="agile-hide-formname">Membership Form</legend>
    <p class="agile-form-description">Please fill out your Membership form</p>
    <div style="display: none; height: 0px; width: 0px;">
      <input type="hidden" id="_agile_form_name" name="_agile_form_name" value="Membership Form">
      <input type="hidden" id="_agile_domain" name="_agile_domain" value="***">
      <input type="hidden" id="_agile_api" name="_agile_api" value="***">
      <input type="hidden" id="_agile_redirect_url" name="_agile_redirect_url" value="#">
      <input type="hidden" id="_agile_document_url" name="_agile_document_url" value="">
      <input type="hidden" id="_agile_confirmation_msg" name="_agile_confirmation_msg" value="Thanks">
      <input type="hidden" id="_agile_form_id_tags" name="tags" value="Video Form">
      <input type="hidden" id="_agile_form_id" name="_agile_form_id" value="***">
    </div>
    <!-- Text input-->
    <div class="agile-group">
      <label class="agile-label" for="First-Name">First Name</label>
      <div class="agile-field-xlarge agile-field">
        <input maxlength="250" id="First-Name" name="first_name" type="text" placeholder="" class="agile-height-default">
      </div>
      <div class="agile-custom-clear"></div>
    </div>
    <!-- Text input-->
    <div class="agile-group">
      <label class="agile-label" for="Last-Name">Last Name</label>
      <div class="agile-field-xlarge agile-field">
        <input maxlength="250" id="Last-Name" name="last_name" type="text" placeholder="" class="agile-height-default">
      </div>
      <div class="agile-custom-clear"></div>
    </div>
    <!-- Text input-->
    <div class="agile-group">
      <label class="agile-label" for="agilefield-9">Email</label>
      <div class="agile-field-xlarge agile-field">
        <input maxlength="250" id="agilefield-9" name="email" type="email" placeholder="" class="agile-height-default" onfocusout="myFunction()">
      </div>
      <div class="agile-custom-clear"></div>
    </div>
    <!-- Hidden input-->
    <div class="agile-group agile-hiddenEle-group">
      <label class="agile-label" for="agilefield-11">Company</label>
      <div class="agile-field-xlarge agile-field">
        <input id="agilefield-11" name="Company" type="text" value="" class="agile-height-default">
      </div>
      <div class="agile-custom-clear"></div>
    </div>
  </fieldset>
</form>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57775548

复制

相似问题

问将输入文本从3个字段传递到JavaScript并发送
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将输入文本从3个字段传递到JavaScript并发送EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将输入文本从3个字段传递到JavaScript并发送
EN