所以我需要做的是以某种方式让我的表格立即更新其价格。 教授提供的验证器会在您单击检查按钮时进行检查,它会自动填充空白并选择价格和尺寸(仅限一个尺寸)。
这是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等等,但这会导致无法选择其中一个选项。
非常感谢任何想法和/或建议。
这不仅仅是一项为下周考试练习的作业
答案 0 :(得分: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 强>