detecting any selected dropdown value with jquery?
<p>I have a function that detects all input value changes with keyup:</p>

<p>Jquery:</p>

<pre><code>// detect all inputs

$('.inputChange').each(function() {
   // Save current value of element
   $(this).data('oldVal', $(this).val())

   // Look for changes in the value
   $(this).bind("propertychange keyup input paste", function(event){
      // If value has changed...
      if ($(this).data('oldVal') != $(this).val()) {
       // Updated stored value
       $(this).data('oldVal', $(this).val())
        currentVal = $(this).val()
       // Do action
       inputElement = $(this).attr('data-element')
       inputProperty = $(this).attr('data-property')
       inputUnit = $(this).attr('data-unit')
        updateAllCSS(inputElement, inputProperty, currentVal + inputUnit)
     }
   });
 });
</code></pre>

<p>HTML:</p>

<pre><code>    &lt;input class="inputChange" data-element=".homeTemplate #colaAlpha h1" data-property="font-size" data-unit="px"&gt;px
</code></pre>

<p>I now need to do another that will get the selected dropdown values from this HTML:</p>

<pre><code>     &lt;select class="selectChange" data-element=".homeTemplate #colaAlpha" data-property="height" data-unit="px"&gt;
         &lt;option value="8"&gt;8px&lt;/option&gt;
         &lt;option value="12"&gt;12px&lt;/option&gt;
         &lt;option value="21"&gt;21px&lt;/option&gt;
     &lt;/select&gt;px
</code></pre>

<p>I was wondering how I should go about doing this? is there perhaps a propertychange event that will work? Any help would be amazing! Many thanks</p>
