title: Javascript behaves differently in Spotfire Webplayer
body: <p>I implemented some functionality where the user can filter the data using input fields and a dropdown menu.</p>
  
  <p>So a user can select an item form this list (e.g. Last ... Days or Select Date Range) and then input the numbers/dates in input fields. The script is then used to show the corresponding input field and hide the rest. 
  EDIT: Last week I got updated to Spotfire 7.5 from 7.0. Now this script does not work on the desktop client either....</p>
  
  <p><a href="https://i.stack.imgur.com/FWj4I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FWj4I.png" alt="Local"></a></p>
  
  <p>This is what I get in the webplayer:
  <a href="https://i.stack.imgur.com/AeQao.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AeQao.png" alt="webplayer"></a></p>
  
  <p>Any idea as to why this happens?
  This is my HTML:  </p>
  
  <pre><code>Select Period:&lt;span id="PeriodSelector"&gt;&lt;SpotfireControl id="306fdd699c4346dbb7265c1d101fa6cf" /&gt;&lt;/span &gt;
  &lt;span id="SelectBeginDate" style ="padding-left:1em;" &gt; Select Begin Date:&lt;SpotfireControl id="16b0eab3d5e3497bb2ecea3b051d2b62" /&gt;&lt;/span &gt;
  &lt;span id="SelectEndDate" style = "padding-left:1em;"&gt;   Select End Date:&lt;SpotfireControl id="46ac3d97e3b04af182b8b9d2462a7d27" /&gt;&lt;/span &gt;
  &lt;span id="SelectDate"style = "padding-left:1em;"&gt;   Select Date:&lt;SpotfireControl id="6838924384aa4567bc3bcf9da5a74c32" /&gt;&lt;/span &gt;
  &lt;span id="LastXDays" style = "padding-left:1em;"&gt;   Number of Days:&lt;SpotfireControl id="218b27e83771401dbbd75613acfd619b" /&gt;&lt;/span &gt;
  </code></pre>
  
  <p>And this is my script:</p>
  
  <pre><code>$("#306fdd699c4346dbb7265c1d101fa6cf").change(function() {
      var valueText = $("#306fdd699c4346dbb7265c1d101fa6cf option:selected").text();
      if(valueText ==="Select Date"){
          $("#SelectDate").css('display','inline');
          $("#SelectBeginDate").css('display','none');
          $("#SelectEndDate").css('display','none');
          $("#LastXDays").css('display','none');
      } else if (valueText ==="Select Date Range"){
          $("#SelectDate").hide();
          $("#SelectBeginDate").css('display','inline');
          $("#SelectEndDate").css('display','inline');
          $("#LastXDays").css('display','none');
      } else if (valueText ==="Select  Last … Days"){
          $("#SelectDate").css('display','none');
          $("#SelectBeginDate").css('display','none');
          $("#SelectEndDate").css('display','none');
          $("#LastXDays").css('display','inline');
      } else {
          $("#SelectDate").css('display','none');
          $("#SelectBeginDate").css('display','none');
          $("#SelectEndDate").css('display','none');
          $("#LastXDays").css('display','none');
      }
  });
  </code></pre>
  
  <p>It seems that the webplayer does not retrieve the value of the dropdown box, but I have no clue as to why it doesn't. </p>
  
  <p>Any help is deeply appreciated.</p>