Почему я не могу установить поле ввода с помощью MooTools?

Question

У меня есть документ, и когда пользователь вводит что-то в один вход, мне нужно показать ответ во втором поле ввода. Я могу получить заданное пользователем значение, я могу обработать его, но когда я пытаюсь установить второе поле ввода с результатом, я получаю ошибку $ .field равно null. Вот код:

$('places').addEvent('keyup', function(){ 
    var places = $('places').value; 
    alert("PLACE: "+places); 
    var price = values[places]; 
    var nights = $('nights').value.toInt(); 
    alert("NIGHTS: "+nights); 
    var total = price * nights; 
    alert("TOTAL: "+total); 
    $('pricepernight').set('text', total); 
    $('pricetotal').set('text', total - ((total/100) * 21)); 
}); 

Так что я получаю значение места. Я вытягиваю цену за место из массива. Затем я умножу эту цену на количество ночей в поле пользователя, и тогда это моя общая сумма. Именно эту сумму я не могу установить. Обратите внимание, что предупреждение показывает правильную сумму.

и HTML выглядит следующим образом

<div class='block'> 
    <input type="text" id="places" /> 
</div> 

<div class='block'> 
    <label for="nachten">Aantal nachten</label> 
    <input type="text" id="nights" /> 
</div> 

<div class='block long'> 
    <span class='label'>Prijs per slaapplaats per nacht</span> 
    <input type="text" class='resultfield' id='pricepernight' /> 
</div> 
<div class='block last'> 
    <span class='label'>Totaalprijs excl. btw</span> 
<input type="text" class='resultfield' id='pricetotal'/> 
</div> 

Firebug отвечает:

String contains an invalid character 
[Break On This Error] 

...x:\'4W\',3X:18.1l,al:18.1l,1Q:18.1l,as:18.1l,8S:18.1l,1F:O,3E:{x:\'1u\',y:\'1o\'... 

Любые идеи/предложения кто-нибудь? Заранее спасибо!

Answer 1

правый. вы, кажется, использовали сочетание mootools и jquery-кода.

$('nights').addEvent('keyup', function(){ 
    var places = $('places').value; 
    var price = values[places]; 
    var nights = $('nights').value; 
    var total = price * nights; 
    alert(total); 
    $('#pricepernight').val(total); 
    //$('#pricetotal').val(total - ((total/100) * 21)); 
}); 

в MooTools 1.2+, это должно быть:

$('nights').addEvent('keyup', function(){ 
    var places = $('places').get('value'); 
    var price = values[places]; 
    var nights = $('nights').get('value'); 
    var total = price * nights; 
    alert(total); 
    $('pricepernight').set('value', total); 
    //$('#pricetotal').val(total - ((total/100) * 21)); 
}); 

есть подразумеваемые глобальные значения массива. Кроме того, это не очень безопасно, поскольку ночи могут не быть целыми.

пункт есть. #id ->id и .val() ->set('value', 'newvalue') - или .get('value')

Answer 2

попробовать это

$('#nights').keyup(function(){ 
    var places = $('#places').val(); 
    var price = values[places]; 
    var nights = $('#nights').val(); 
    var total = parseInt(price) * parseInt(nights); 
    alert(total); 
    $('#pricepernight').val(total); 
    //$('#pricetotal').val(total - ((total/100) * 21)); 
}); 

и что values[places]?

Answer 3

Здесь есть несколько незначительных ошибок.

1. Во-первых, вы должны использовать знак #, чтобы выбрать на основе вашего идентификатора атрибутов как места и ночи

   Проверить http://api.jquery.com/id-selector/

2. Во-вторых, использовать Вэл() для чтения значения из HTML управления скорее , чем значение

   Проверить http://api.jquery.com/val/