將輸入文本從3個字段傳遞到JavaScript並發送

Question

我正在嘗試使用鏈接到CRM的表單發送數據捕獲信息。 表格在視頻的結尾。

我設法將字段傳遞給CRM並存儲數據，但是我無法獲取要傳遞到CRM的最終字段公司名稱。 我添加了額外的Javascript，以查看它是否可以在focusout上運行，但是不起作用。 即使添加了額外的腳本，其他字段也可以通過。

我希望所有字段都傳遞給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> 

Answer 1

首先，您正在調用id Surname不存在的元素，您可能正在考慮id為Last Name元素。

同樣重要的是，id是唯一的，不應包含空格。

將代碼中的所有ID（從“ First Name”替換為“ First-Name”），代碼的工作方式如下：

 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>