title: Google Tag Manager drop down tracking not working
body: <p>I have return below code for drop down tracking. It is working fine on fire fox but not in chrome browser.Data to fire only when drop down text is selected</p>
  
  <pre><code>          jQuery("body").on("click",'#selectoption    option[value=option1]').click(function(){
  
  try {
      var label = "";
          dataLayer.push({
          'event': 'error-click',
          'category': 'text1',
          'action': 'text2',
          'label': 'text3'});
  } catch (err) {}
  </code></pre>
  
  <p>});</p>
  
  <p>jQuery("body").on("click",'#selectoption option[value=option2]').click(function(){</p>
  
  <pre><code>try {
      var label = "";
          dataLayer.push({
          'event': 'error-click',
          'category': 'text4',
          'action': 'text5',
          'label': 'text6'});
  } catch (err) {}
  </code></pre>
  
  <p>});</p>
  
  <p>below code snapshot<a href="https://i.stack.imgur.com/jYMyB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jYMyB.png" alt="enter image description here"></a></p>
  
  <p>I have use below code for chrome but is firing twice in chrome and not working in firefox</p>
  
  <pre><code>jQuery('#selectoption').change(function () {
  
  try {
      var label = "";
          dataLayer.push({
          'event': 'error-click',
          'category': 'text4',
          'action': 'text5',
          'label': 'text6'});
  } catch (err) {}
  </code></pre>
  
  <p>});</p>
  
  <p>Can any assist with right code Thanks in advance.</p>