Javascript 不在输入中显示输出

我创建了一个滑块，它满足了我的需要。 但我不想在输入中显示输出值

这是我的密码笔：

$（文档）.ready（函数（）{
函数更新（）{
$optiona=$（“#optiona”）.val（）；
$optionb=$（“#optionb”）.val（）；
$totalsum=（$optiona*0.75*$optionb*9）-（$optiona*$optionb）；
$（“totalsum”）.val（$totalsum）；
}
调试器；
$（“#滑块选项A”）。滑块({
最高：30，
民:1,，
步骤：1，
幻灯片：函数（事件、ui）{
$（this.parent（）.find（“#optiona”）.val（ui.value）；
$（“#optiona”）.val（ui.value）；
更新（）；
},
创建：函数（事件、用户界面）{
$（this）.slider（'value'，$（this）.parent（）.find（“#optiona”）.val（））；
}
});
$（“#滑块选项B”）.滑块({
最高：100，
民:1,，
步骤：1，
幻灯片：函数（事件、ui）{
$（this.parent（）.find（#optionb”）.val（ui.value）；
$（“#optionb”）.val（ui.value）；
更新（）；
},
创建：函数（事件、用户界面）{
$（this）.slider（'value'，$（this）.parent（）.find（“#optionb”）.val（））；
}
});
更新（）；
});

方案A
选择：


方案B
选择：



总和

当您想在span中写入时，必须使用.text（）而不是.val（）
当您想在span中写入时，必须使用.text（）而不是.val（）
正如MenuItem42所述，您只需要使用jQuery函数，而不是在使用div、span等时。此外，不要为
span
指定
type
属性，因为它不支持该属性


$（文档）.ready（函数（）{
函数更新（）{
$optiona=$（“#optiona”）.text（）；
$optionb=$（“#optionb”）.text（）；
$totalsum=（$optiona*0.75*$optionb*9）-（$optiona*$optionb）；
$（“#totalsum”）.text（$totalsum）；
}
调试器；
$（“#滑块选项A”）。滑块({
最高：30，
民:1,，
步骤：1，
幻灯片：函数（事件、ui）{
$（this.parent（）.find（“#optiona”）.text（ui.value）；
$（“#optiona”）.val（ui.value）；
更新（）；
},
创建：函数（事件、用户界面）{
$（this）.slider（'value'，$（this）.parent（）.find（“#optiona”）.text（））；
}
});
$（“#滑块选项B”）.滑块({
最高：100，
民:1,，
步骤：1，
幻灯片：函数（事件、ui）{
$（this.parent（）.find（#optionb”）.text（ui.value）；
$（“#optionb”）.val（ui.value）；
更新（）；
},
创建：函数（事件、用户界面）{
$（this）.slider（'value'，$（this）.parent（）.find（“#optionb”）.text（））；
}
});
更新（）；
});

方案A
选择：12


方案B
选择：30


总和
正如MenuItem42所述，您只需要使用jQuery的函数，而不是在使用div、span等时。此外，不要为
span
指定
类型
属性，因为它不支持该属性


$（文档）.ready（函数（）{
函数更新（）{
$optiona=$（“#optiona”）.text（）；
$optionb=$（“#optionb”）.text（）；
$totalsum=（$optiona*0.75*$optionb*9）-（$optiona*$optionb）；
$（“#totalsum”）.text（$totalsum）；
}
调试器；
$（“#滑块选项A”）。滑块({
最高：30，
民:1,，
步骤：1，
幻灯片：函数（事件、ui）{
$（this.parent（）.find（“#optiona”）.text（ui.value）；
$（“#optiona”）.val（ui.value）；
更新（）；
},
创建：函数（事件、用户界面）{
$（this）.slider（'value'，$（this）.parent（）.find（“#optiona”）.text（））；
}
});
$（“#滑块选项B”）.滑块({
最高：100，
民:1,，
步骤：1，
幻灯片：函数（事件、ui）{
$（this.parent（）.find（#optionb”）.text（ui.value）；
$（“#optionb”）.val（ui.value）；
更新（）；
},
创建：函数（事件、用户界面）{
$（this）.slider（'value'，$（this）.parent（）.find（“#optionb”）.text（））；
}
});
更新（）；
});

方案A
选择：12


方案B
选择：30


总和
标记不需要
类型
属性，要将输出置于
span
中，可以使用
.text（）
或
.html（）
而不是
.val（）
，因为
span
标记没有值。也不要使用同一
ID
多个
ID
应该是唯一的，对多个/组元素使用
class
。
标记不需要
type
属性，要将输出放在
span
中，可以使用
.text（）
或
.html（）
而不是
.val（）
，因为
span
标记没有值。也不要使用同一
ID
多个<代码>ID
应该是唯一的，对多个/组元素使用
类
。啊，太棒了，你能帮我将总和“扩展”为X.XXX，XX类型吗？因此，当结果仅为320时，应显示320,00。或者这是一件疯狂的事情？啊，太棒了，你能帮我把总和“扩展”到X.XXX，XX类型吗？因此，当结果仅为320时，应显示320,00。或者这是一件疯狂的事情？