Salesforce 在线潜在客户表单的条件逻辑答案

【问题标题】：Conditional Logic for Salesforce Web-to-Lead formSalesforce 在线潜在客户表单的条件逻辑
【发布时间】：2021-03-01 17:02:56
【问题描述】：

我正在尝试为 if/then 情况创建条件逻辑。由于我知之甚少，我将不胜感激有关 html 和 JavaScript 的帮助。但是，我知道的足以将相同的逻辑应用于其他问题。

此处的示例应为：如果项目是机密的（是），则将出现字段机密项目名称并且需要文本。

提前感谢您的帮助！

Is this project confidential?:<select id="00Nr0000000LC1Y" title="Is this project confidential?" name="00Nr0000000LC1Y" required="required">
<option value="">--None--</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select><br>

Confidential Project Name:<input id="00Nr0000000LC1d" maxlength="100" name="00Nr0000000LC1d" size="20" type="text" Required /><br>

【问题讨论】：

网站上还有其他运行的 js 代码吗？因为那里有许多 js 框架，这让思考变得非常容易——例如，我更喜欢 jQuery。但可以肯定的是，你也可以在纯 JS 中实现这一点。
我通过优雅的主题使用 divi，它们有一个可以放置在同一页面中的代码模块。一个代码模块将包含 html，第二个代码模块将包含 JavaScript。我想那是我放置 jQuery 的地方？（希望答案有所帮助;-)）

标签： javascript html webforms conditional-statements salesforce

【解决方案1】：

检查一下 - 那是纯 JS：

Is this project confidential?:<select id="00Nr0000000LC1Y" title="Is this project confidential?" name="00Nr0000000LC1Y" required="required">
<option value="">--None--</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select><br>

<p id="pn" style="display: none;">Confidential Project Name:<input id="00Nr0000000LC1d" maxlength="100" name="00Nr0000000LC1d" size="20" type="text" Required /><p>

<script>
var el = document.getElementById('00Nr0000000LC1Y');
el.addEventListener("change", function(){
 var pn = document.getElementById('pn');
 if (this.value == "Yes"){
   pn.style.display='inherit';
 } else {
   pn.style.display='none';
 }
});
</script>

https://jsfiddle.net/9v8e6q4h/

【讨论】：

其实，一件事是行不通的。选择否时，表单将不允许您提交...可能是因为表单要求填写隐藏字段。一旦我标记为是并填写，它让我提交表格。我该如何解决这个问题？
我仍在寻找“仍然需要隐藏字段”问题的解决方案。我发现了与上面的代码类似的东西，但又有所不同……我想知道如何将其应用于上述代码？ container.change(function(){ if($(this).val() == 'manual') { container.addClass('visible'); if (requiredInputs) { requiredInputs.prop('required', 'true'); } } else { container.removeClass('visible'); if (requiredInputs) { requiredInputs.prop('required', 'false'); } } });