谷歌分析事件跟踪：跟踪下拉表单中的链接

Question

我想追踪表单中下拉菜单中包含的链接，但不确定如何将动态值返回到事件跟踪代码。

我的代码是：

<form class="form" action="">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="" selected>Select option</option>

<optgroup label="Other">
<option value="link1" name="name1">Option 1</option>
<option value="link2" name="name2">Option 2</option>
</optgroup>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'); _gaq.push(['_trackEvent', 'Link', 'Join', ddmenu_name.name]);">
</form>

事件跟踪器只返回标签作为ddmenu_menu.name。

有人能帮忙吗？

- Suzie

Answer 1

ddmenu_name.value 作为选定值的快捷方式，因为 select 标签没有其他值。但是，由于 select 标签本身有一个 name 属性，所以 ddmenu_name.name 就像预期的一样是 "ddmenu_name"。因此，为了获取所选 option 的 name 属性，必须获取当前选定选项的索引并获取其 name 属性：

<form class="form" action="">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="" selected>Select option</option>

<optgroup label="Other">
<option value="link1" name="name1">Option 1</option>
<option value="link2" name="name2">Option 2</option>
</optgroup>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'); _gaq.push(['_trackEvent', 'Link', 'Join', ddmenu_name.options[ddmenu_name.selectedIndex].getAttribute('name')]);">
</form>

- CrayonViolent