0

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

这是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），它会填写所有内容并选择适当的尺寸并更新价格。所以我的问题似乎只与小尺寸有关。

如果用户手动选择尺寸，现在计算功能（由教授提供）起作用。

我不知道我是否需要对 HTML 或我的 javascript 中的 select 函数做某事，这是代码（之前有人在这里问了一个问题，解决了我的问题，但问题已被删除，所以我不知道是否我犯了一个错误）

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 等，但这会导致无法选择其中一个选项。

任何想法和/或建议将不胜感激。

这不是一个作业，只是一个练习下周考试的练习

4

1 回答 1

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>

现场演示

于 2012-04-08T20:53:51.560 回答