Javascript 如何在输入中将最终结果显示为值

我有一个在酒店预订的迷你代码，并使用selectbox添加以下号码：

• 酒店客房
• 成年旅客
• 孩子们

我的问题是如何在id

allcount

的输入中显示成人和儿童的计数

例如，我在inputbox中写入了默认值，我希望在selectbox每次更改时都更改这些值

以下是我的片段：

$（文档）.ready（函数（e）{
$（“#roomCount”）.change（函数（）{
countRoom=$（this.val（）；
$（“.numberTravelers”）.empty（）
对于（i=1；i也许您应该向选择框添加一个事件并解析值。
我做了一个小片段

$('body').on('change', 'select', function(){

var acount = $('select[name*=adultcount]').toArray().reduce(function(prev, current){
  prev += parseInt($(current).val());
  return prev;
},0);

var ccount = $('.childcount').toArray().reduce(function(prev, current){
  prev += parseInt($(current).val());
  return prev;
},0);

$('#allcount').val('adult:'+acount+' child:'+ccount);
});

如果你稍微改变一下结构可以吗？我的意思是为什么不使用
input
和
type='number'
指定
max
和
min
值，而不是
select
@Ammar呢？我只想设置一个数字。我如何更改我的代码？好的，只是为了澄清一下，输入中的文本id
allCount
是应该一起显示所有房间的儿童和成人人数，还是单独显示每个房间？@Ammar将所有乘客显示在一起。例如，2成人和1儿童检查此代码笔：您可以在右侧看到代码片段，非常感谢