jQuery：获取具有相同类的所有选择的值之和

我有一个HTML表单，其中包含多个选择，所有选择都具有相同的类。 根据以前的选择，在这些选项中，一次只能显示一个，因此一次只能有一个值

获得所有这些选择值的正确/最佳方法是什么

它们看起来像这样：

<select class="formField" id="input1"> ... list of options ... </select>
<select class="formField" id="input2"> ... list of options ... </select>
<select class="formField" id="input3"> ... list of options ... </select>

---

谢谢您的帮助，Tim。

您必须使用

.each（）

迭代这些元素，并将它们的值添加到单独的变量中

试试这个

var xSum = 0;

$('.formField').each(function(){
  xSum += parseInt($(this).val());
 })

alert(xSum);

请阅读以下内容以供参考：

更新

下面的代码将连接这些值

var xResultString = '';

$('.formField').each(function(){
  xResultString += $.trim($(this).val());
 })

alert(xResultString);

---

您必须使用

.each（）

迭代这些元素，并将它们的值添加到单独的变量中

试试这个

var xSum = 0;

$('.formField').each(function(){
  xSum += parseInt($(this).val());
 })

alert(xSum);

请阅读以下内容以供参考：

更新

下面的代码将连接这些值

var xResultString = '';

$('.formField').each(function(){
  xResultString += $.trim($(this).val());
 })

alert(xResultString);

---

您需要对所有这些进行迭代。 此脚本将连接所有字符串

var selectValues = "";

$('.formField').each(function () {
  selectValues += $(this).val();
});

console.log(selectValues);

---

您需要对所有这些进行迭代。 此脚本将连接所有字符串

var selectValues = "";

$('.formField').each(function () {
  selectValues += $(this).val();
});

console.log(selectValues);

---

伙计，你真快！干得好，谢谢！“我的选择”选项的值仅包含文本。我想我不需要parseInt，对吧？那么我该怎么做呢？@user2571510所以你想把它连接起来。？我误解了sum这个词。@user2571510更新了我的答案。那太完美了——正是我想要的！很抱歉你的描述有误导性，伙计，你太快了！干得好，谢谢！“我的选择”选项的值仅包含文本。我想我不需要parseInt，对吧？那么我该怎么做呢？@user2571510所以你想把它连接起来。？我误解了sum这个词。@user2571510更新了我的答案。那太完美了——正是我想要的！对不起，这是一个误导性的描述。