Getting a typeerror whilst trying to create a currency exchange selector

Getting a typeerror whilst trying to create a currency exchange selector

Hi,

I'm trying to create a currency exchange selector like the one on the below site:


I've written the below jquery which is runs when the currecy drop down is changed and is supposed to loop through and convert all the currencies:

  1. $('.currencySelector').change(function() {
  2.   
  3. var currency = self.val();

  6. $( ".curreny" ).each(function( index ) {
  7.   
  8. var total = self.attr('euro-total');

  11. switch(currency) {
  12.    case 'eur':
  13.        self.html(total);
  14.        break;
  15.    case 'gbp':
  16.     self.html(total*0.72);
  17.        break;

  19. case 'usd':
  20. self.html(total*1.10);
  21.        break;
  22. }
  25. });
  27. });

But I'm getting the below error:

Uncaught TypeError: self.val is not a function

Any help would be greatly appreciated, I'm fairly new to jQuery.

Thanks,