ドロップダウン (「room_type_id」および「bed_type_id」) から何かを選択して実行すると、「NaN」(数値ではない) が出力されます。最初に複数の選択入力 ('bed_type_id') から何かを選択すると、出力結果は 52000、53000、53500 になりますが、実際の値は上記のデモの HTML フォームでわかるように 1000、2000、2500 です。
parseInt が関係していると思います。parseFloat も機能しませんでした。助言がありますか?
function jungi() {
var room_type_id=document.getElementById('room_type_id').value;
var meal_type_id=document.getElementById('meal_type_id').value;
var bed_type_id=document.getElementById('bed_type_id').value;
document.getElementById('total_amount').value = parseInt(room_type_id) + parseInt(meal_type_id) + parseInt(bed_type_id);
}