£ на входе [тип = текст]

Question

У меня есть некоторые jQuery, устанавливающие значение на input[type=text], например, так:

if(theVal=="EPC/Floorplan"){
    $('#s3').val("£100.00").attr("disabled","disabled");
    $('.priceUpdate button').hide();
}else if(theVal=="EPC"){
    $('#s3').val("£75.00").attr("disabled","disabled");
    $('.priceUpdate button').hide();
}else{
    $('#s3').val("£0.00").removeAttr("disabled");
    $('.priceUpdate button').show();
}

Однако тогда ввод выглядит так:

У меня также есть следующий метатег:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Вот этот сайт под вопросом. Нажмите любую опцию в выпадающем списке

Answer 1

Попробуйте добавить атрибут charset во включенный скрипт:

<script src="custom.js" type="text/javascript" charset="utf-8"></script>

Answer 2

Ваш сервер уже предоставляет заголовок Content-Type с кодировкой, установленной на ISO-8859-1.Браузер будет учитывать ваш элемент <meta>, только если сервер сам не предоставит этот заголовок.

Вот соответствующая часть трассировки Firebug:

HTTP/1.1 200 OK
Date: Wed, 14 Mar 2012 14:19:16 GMT
Server: Apache/2.2.3 (Red Hat)
X-Powered-By: PHP/5.2.17
Content-Type: text/html; charset=ISO-8859-1

Попробуйте настроитьваш сервер (или ваш серверный код), поэтому вместо него устанавливается кодировка контента UTF-8.

Answer 3

Используйте Unicode:

\u00A3

В вашем примере:

if(theVal=="EPC/Floorplan"){
    $('#s3').val("\u00A3" + "100.00").attr("disabled","disabled");
    $('.priceUpdate button').hide();
}else if(theVal=="EPC"){
    $('#s3').val("\u00A3" + "75.00").attr("disabled","disabled");
    $('.priceUpdate button').hide();
}else{
    $('#s3').val("\u00A3" + "0.00").removeAttr("disabled");
    $('.priceUpdate button').show();
}