Question

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

这是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>

继承问题：使用验证器，如果我点击检查小尺寸，它填充表格上的所有空白并自动选择小衬衫......但价格不会更新。但是，如果我点击教师网站上的任何其他检查按钮（检查中/大/ xLarge），它会填写所有内容并选择适当的大小并更新价格。所以我的问题似乎只是小尺寸。

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

我不知道我是否需要使用HTML或使用我的select函数从javascript中执行某些操作，这是代码（有人在前面问了一个问题解决了我的问题，但问题已被删除所以我不知道我知道我是否犯了错误）

function validatefield05(errMessages)
{

   if(document.sizes.shirts.selectedIndex ==0)        
      {
        errMessages +="<li class='b1'>You must Select a Size</li>\n";
      }

    if(!document.sizes.shirts.value)     
      {
        errMessages +="<li class='b1'>You must Select a Size</li>\n";
      }
   return errMessages;
}

我已经尝试弄乱了== 0使其成为1/2等等，但这会导致无法选择其中一个选项。

非常感谢任何想法和/或建议。

这不仅仅是一项为下周考试练习的作业

Answer 1

您的代码适用于更改，因此您可能只需要添加默认选项：

<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>

<强> LIVE DEMO

如何立即更新订单表格的价格（html / javascript）

1 个答案: