javascript - 为什么我不能使用 MooTools 设置我的输入字段？

Question

我有一个文档，当用户在一个输入框中输入内容时，我需要在第二个输入框中显示响应。我可以获得用户给定的值，我可以处理它，但是当我尝试用结果设置第二个输入框时，我得到错误 $.field is 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')