MooToolsで入力フィールドを設定できないのはなぜですか？

Question

Iveにはドキュメントがあり、ユーザがある入力に何かを入力すると、2番目の入力ボックスに応答を表示する必要があります。私はユーザーに与えられた価値を得ることができます、私はそれを処理することができますが、私は結果と2番目の入力ボックスを設定しようとするとエラー$フィールドが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> 

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コードの組み合わせを使っているようです。 MooToolsは1.2+で

$('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)); 
}); 

、これは次のようになります。

$('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. まず、あなたのIDに基づいて選択するように＃記号を使用する必要があり、HTMLから値を読み取るために

   場所や夜などのチェックhttp://api.jquery.com/id-selector/

2. 第二に、valのを（使用）の属性むしろ 値よりもコントロール

   チェックhttp://api.jquery.com/val/