如何为订单即时更新价格（html/javascript）

所以我需要做的是让我的表单立即更新它的价格。 教授提供的验证器在您单击“检查”按钮时进行检查，它会自动填充空格并选择价格和大小（仅一个大小）

下面是xhtml：

<select name='shirts' size='2'  onchange='calculateItemPrice()'>
    <option value='Shirts Size'> Shirt Size</option>
    <option value='Small'>Small Shirt</option>
    <option value='Medium'>Medium shirt</option>
    <option value='Large'>Large shirt</option>
    <option value='xLarge'>xLarge shirt</option>
</select>

衬衫尺码
小衬衫
中号衬衫
大衬衫
XL码衬衫

问题是：如果我点击check Small size，使用验证器，它会填充表单上的所有空白，并自动选择Small Shirt…但价格不会更新。但是，如果我点击教授网站上的任何其他“检查”按钮（检查中/大/xLarge），它会填充所有内容并选择适当的大小并更新价格。 因此，我的问题似乎只是小尺寸

现在，如果用户手动选择一个尺寸，则计算功能可以工作（由prof提供）

我不知道我是否需要对HTML或javascript中的select函数做些什么，代码如下（之前有人在这里提出了一个问题，解决了我的问题，但问题已被删除，因此我不知道我是否犯了错误）

函数validateFeld05（错误消息）
{
如果（document.size.shirts.selectedIndex==0）
{
errMessages+=“
您必须选择一个大小”
\n”；
}
如果（！document.size.shirts.value）
{
errMessages+=“
您必须选择一个大小”
\n”；
}
返回错误消息；
}

我尝试过将==0设为1/2之类的值，但这会导致无法选择其中一个选项

如有任何想法和/或建议，将不胜感激

---

这不是一项作业，只是为了下周的考试而进行的练习

您的代码在更改后仍然有效，因此您可能只需要添加一个默认选项：

<select name='sizes' size='2'  onchange='calculateItemPrice()'>
    <option value=""> Choose size </option>  <=========
    <option value='Shirts'> Shirt Size</option>
    <option value='Small'>Small Shirt</option>
    <option value='Medium'>Medium shirt</option>
    <option value='Large'>Large shirt</option>
    <option value='xLarge'>xLarge shirt</option>
</select>

选择尺码我不知道为什么，每当我说“嗨，伙计们”时，它都不会出现。哈哈！你没有“小号”！你有小衬衫或衬衫尺码？！很抱歉，我是从我的记事本上抄的，而不是我的vi编辑器。它的大小应该是LOL。所以它被编程用来减少噪音。问题开头的“大家好”是指在预览主页上，人们看到预览中的“大家好”，而不是实际问题的开头。想象一下，如果头版有问题，然后有问题预览，上面写着“你好”、“你好”、“你好”等等，那么头版会是多么毫无用处。这与为什么说“帮助”的问题标题毫无用处非常相似。@jmort253 ahh不知道，谢谢你，嗯，我刚才试过了，但它仍然做同样的事情，相反，它将选择衬衫尺寸，但在价格字段中不会显示0.00，它将保持空白。但如果我手动选择“衬衫尺寸”，它会显示0.00。我太迷路了lol@Umeed. 你能像我一样给我们一把小提琴吗？对不起，我不太明白你的意思@乌梅德。给我一个演示的链接，就像我在回答中所做的一样。哦，好的，等一下，我没有看到现场演示
<select name='sizes' size='2'  onchange='calculateItemPrice()'>
    <option value=""> Choose size </option>  <=========
    <option value='Shirts'> Shirt Size</option>
    <option value='Small'>Small Shirt</option>
    <option value='Medium'>Medium shirt</option>
    <option value='Large'>Large shirt</option>
    <option value='xLarge'>xLarge shirt</option>
</select>