为什么我不能用 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));
});

所以我得到了位置值。我从一个 assoc 数组中拉出这个地方的价格。然后，我将该价格乘以用户输入的晚数字段，这就是我的总金额。这是我无法设置的数量。请注意，警报显示正确的金额。

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>

萤火虫回应：

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

这里有几个小错误。

1. 首先，您应该使用 # 符号根据您的 id 属性进行选择 喜欢地方和夜晚

   查看http://api.jquery.com/id-selector/

2. 其次，使用 val() 从 html 控件中读取值，而不是 比值

   查看http://api.jquery.com/val/

Answer 3

试试这个

$('#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] 是什么？