谷歌分析事件跟蹤：在一個下拉表單中跟蹤鏈接

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>