javascript - Adobe DTM 捕获选择的变化

Question

我认为这很简单，但我不知道如何使用 DTM 来检测选择的 onChange？如果我在事件类型中选择“更改”，我会得到一个下拉列表来选择一个不是我想要的数据元素。那么我如何检测页面上选择的变化呢？我不关心它变成的值，只关心它改变的事实？

<select id="mainForm:cont_appRequest_customers__0_identityDocuments__0_identityDocumentType:decoin:appRequest_customers__0_identityDocuments__0_identityDocumentType" name="mainForm:cont_appRequest_customers__0_identityDocuments__0_identityDocumentType:decoin:appRequest_customers__0_identityDocuments__0_identityDocumentType" size="1"> <option value="org.jboss.seam.ui.NoSelectionConverter.noSelectionValue" selected="selected">-- Choose one --</option>
<option value="DRIVERS_LICENSE">Driver's License</option>
<option value="STATE_ID">State issued ID Card</option>

Answer 1

在您的基于事件的规则中> 条件 > 事件类型

选择 Forms > change

离开 to value 并且它的文本字段未选中且为空白。

将出现“Select Data Element”下拉列表 - 忽略它(将其保留为默认“Select One”值)。

定位 <select>元素使用 Element Tag or Selector 字段正常。

旁注:(这就是您在问题中提到的问题)。我认为“Select Data Element”下拉菜单应该用于如果您想绑定(bind)change到一个数据元素 - 在你的例子中，<select>元素到 (css) 数据元素 - 但我认为这不像 Adob​​e 预期的那样工作。

我认为的目的是让它有效地与 dataelementchanged 相同事件类型，但规则仍然要求您填写元素标签或选择器，即使您选择了数据元素 。 IOW 您无论如何都必须填写其余的规则 字段，所以我也没有真正看到设置数据元素 的好处。在那张纸条上..

备选

另一种方法是创建一个类型的数据元素 CSS Selector .在 CSS 选择器链 中，指向您的 <select>元素，以及 get the value of ，选择“value”。

接下来，在基于事件的规则中，选择dataelementchanged 的事件类型 ，然后在下拉列表中选择您的数据元素。

注意:我提到这个替代方案只是为了指出我认为“Select Data Element”下拉列表的预期目的，对于<强> Forms > change方法。但如前所述，规则 无论如何都会让您填写其余字段，所以我真的不明白第一种方法这样做有什么意义。但这就是您将其作为自己的单独方法来执行的方式。实际上，我不推荐这种方法，因为它比第一种方法具有更高的性能成本( dataelementchanged 类型通过每 100 毫秒轮询数据元素来工作)