javascript - Javascriptで2つの選択メニューを使用してテキスト入力フィールドを動的に更新します

Question

ユーザーが 1 つまたは 2 つの HTML 選択メニューでオプションを変更したときに、テキスト入力フィールドを動的に更新する方法を見つけようとしています。現在の動作を示す以下のコードを含めました。

$('tickets').addEvent('change', function() {
    if($('tickets').value > 0)
    {
        var cells = $$('.ticket2');
        cells.each(function(cell) { cell.setAttribute('style','display:none;');});
        var cells = $$('.ticket3');
        cells.each(function(cell) { cell.setAttribute('style','display:none;');});
        var sumValue = '$' + (100 * $('tickets').value + 10 * $('fiftytickets').value) + '.00';
        $('ordertotal').value = sumValue;
        $('ticket1heading').setHTML('Ticket(s)');
    } else {
        var cells = $$('.ticket2');
        cells.each(function(cell) { cell.setAttribute('style','');});
        var cells = $$('.ticket3');
        cells.each(function(cell) { cell.setAttribute('style','');});
        $('ticket2heading').setAttribute('style','text-align:center; font-weight:bold;');
        $('ticket3heading').setAttribute('style','text-align:center; font-weight:bold;');
        $('ordertotal').value = '$' + 250 + '.00';
        $('ticket1heading').setHTML('Ticket 1');
    }
});

チケット選択メニューは ordertotal テキスト入力フィールドに正しく影響しますが、fiftytickets 選択メニューは影響しません。この 2 つは互いに独立して動作する必要がありますが、それぞれが変更されると、ordertotal テキスト入力フィールドの値に影響を与えます。

どんな援助も大歓迎です。

ありがとうございました。

マイク