使用JavaScript / jQuery向价格计算器添加下拉列表选项

Adding drop-down list options to a price calculator using JavaScript / jQuery

本文关键字：计算器 添加 下拉列表 选项 JavaScript jQuery 使用      更新时间：2023-09-26

当我尝试添加选项时，我的价格计算器有问题。（jsFiddle here = http://jsfiddle.net/wemdragon/ZG8m）

我想做的是它说的地方：

var firstoption=$('select#myselect')

我希望期权的价值变成价格价值，但我似乎做不到。它适用于我的购物车，但不适用于JavaScript。

也许我试图在错误的地方添加值，我不知道出了什么问题。

您选择的 id（至少在小提琴中）被骆驼化为mySelect但您正在尝试访问 id #myselect 。这应如下所示，除非您更改标记的 id：

var firstoption = $('select#mySelect');

我还注意到您指定了默认值 0 以不选择选项。出于某种原因，当 val（） 为零时，!firstoption.val() 返回 false 而不是 true，就像您的 if 语句似乎所期望的那样。在这种情况下，！0 显然是正确的。

我更改了逻辑以匹配您的标记，它的行为似乎与您预期或想要的一样：

if (firstoption.val() == 0) {
    error.html('Please include an option!');
    firstoption.focus();
}

编辑更新的小提琴：http://jsfiddle.net/ZG8mv/8/

现在 focus（） 执行将按它们错误的顺序显示。 即，如果没有宽度和指定选项，则该框将获得焦点。以前，选项消息将胜过其他两个。

相关文章：