Question

我有一个包含多个选项的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>

在这种情况下，以下内容是否正确？

$('.formField').val();

感谢您对此提供任何帮助，Tim。

Answer 1

您必须使用.each()来迭代这些元素，并将它们的值添加到单独的变量中。

试试这个，

var xSum = 0;

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

alert(xSum);

供您参考，请阅读：.each()

<强>更新

以下代码将连接值。

var xResultString = '';

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

alert(xResultString);

DEMO

Answer 2

你需要迭代所有这些。这个脚本将连接所有字符串。

var selectValues = "";

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

console.log(selectValues);

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

2 个答案:

DEMO