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

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

谁能帮助？

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>