как добавить к значению поля ввода с Jquery

Question

У меня есть поле ввода, как показано ниже,

 <input name="update_price" type="text" id="update_price" value="£" size="8" 
        maxlength="8" />

Я бы хотел получить некоторую цену из значения поля выбора и добавить его после знака £, как это достигается в jquery,

  <form>
                <select name="select" id="select">
                  <option>Select your pizza</option>
                  <option value="6.65">NY, 10&quot;, £6.65</option>
                  <option value="8.95">NY, 12&quot;, £8.95</option>
                  <option value="11.95">NY, 16&quot;, £11.95</option>
                  <option value="3.45">Chicago, 7&quot;, £3.45</option>
                  <option value="6.65">Chicago, 10&quot;, £6.65</option>
                  <option value="8.95">Chicago, 12&quot;, £8.95</option>
                  <option value="11.95">Chicago, 16&quot;, £11.95</option>
                  <option value="19.95">Chicago, Beast 24&quot; x 18&quot;, £19.95</option>
                 </select>
         </form>



    $(function()
    {
   $('#select').change( function() {

    $('input[name=update_price]').val($("#select :selected").val() );
  });
   });

работает с кодом выше, но знак £ исчезает, любая помощь будет признательна.

Answer 1

Кодировка файла и страницы одинакова? Если вы хотите использовать специальные символы, такие как знак решетки, вы должны сохранить свой файл JavaScript UTF-8 (без символа bom. Для этого вы можете использовать notepad ++ или аналогичный редактор)

Кстати, вы указали идентификатор для ввода, так почему бы не использовать его для присвоения его значения и имени, вы можете использовать this , когда находитесь в области действия функции изменения. Смотри ниже

$(function() {
  $('#select').change(function() {
    $('#update_price').val("£" + $(this).val());
  });
});

Answer 2

В прошлом я использовал фоновое изображение в поле ввода для символа валюты. Таким образом, символ может выглядеть красиво, быть выровненным по левому краю (тогда как значение выровнено по правому краю), и это не мешает вычислениям.

Надеюсь, что поможет

Answer 3

Чтобы получить знак фунта, попробуйте

£ или фунт

также, проверьте это для большего количества на этих кодах http://www.ascii.cl/htmlcodes.htm

Answer 4

Одним из решений является размещение знака фунта в теге значений опций в поле выбора.

<option value="€ 6.65">NY, 10&quot;, £6.65</option>

Но это может доставить проблемы при расчете с этим значением. Хорошее выглядит следующее:

$('input[name=update_price]').val("€"+$("#select :selected").val() );

У меня нет знака фунта на моей клавиатуре, поэтому € :)

// редактировать

<input type='hidden' name='shopping_cart_value' value='0'>

$('input[name=update_price]').val("€"+$("#select :selected").val() );
$('input[name=shopping_cart_value]').val($("#select :selected").val() );