[SOLVED] (.) period in value field

[SOLVED] (.) period in value field

Hi all,

Im using a jQuery script to show/hide a div based based on the selection made via a dropdown.

  1. <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
     $('.box').hide();
      $('#dropdown').change(function() {
        $('.box').hide();
        $('#div' + $(this).val()).show();
     });
    });
    </script>









  2. <form>
     <select id="dropdown" name="dropdown">
      <option value="0">Choose</option>
      <option value="area1">10.00</option>
      <option value="area2">20.00</option>
      <option value="area3">30.00</option>
     </select>
    </form>






  3. <div id="div10.00" class="box">Div 1</div>
    <div id="div20.00" class="box">Div 2</div>
    <div id="div30.00" class="box">Div 3</div>



The problem im having is that the value used in the dropdown lists are price values eg 10.00

Consequently jQuery seems to interprit these as css notations, meaning the code doesnt work, any advice on how to resolve this?