select元素的jQuery .val（）返回文本

Question

select元素的jQuery .val（）只返回文本而不返回数字吗？ 您知道在需要进行值比较时存在问题。

我知道如何用parseInt()解决这个问题，或者只是与字符串比较或者根本不使用jQuery，但我不知道这是一个bug还是jQuery的工作方式。

从jQuery文档 > 值：类型：字符串或数字或数组一个文本字符串，一个数字或一个字符串数组，对应于要设置为选中/选中的每个匹配元素的值。

.val（）返回：String或Number或Array

 // Put any number here 0 is the default selected value var comparison_value = 0; $('button').click(function () { $('div#typeof').text(typeof ($('select').val())); if ($('select').val() === comparison_value) { $('div#comparison').text('You just passed a test'); } else { $('div#comparison').text('You just failed a test'); } }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <select> <option value="0" selected>Select Something</option> <option value="1">One</option> <option value="2">Two</option> </select> <button>Gimme back my selection</button> <div id='typeof'></div> <div id='comparison'></div> 

Answer 1

你得到你在select元素的value属性中设置的值，即“1”或“2”，但作为一个字符串 ，输入值绝不是字符串（即使你可能有像HTML5中的valueAsNumber ）。

如果您想将其作为数字，请使用

var selectedValue = +$('select').val();

如果需要所选选项的索引，请使用

var selectedIndex = $('select')[0].selectedIndex;

现在，关于您引用的文档的摘录：它是关于设置值。 如果你传递一个数字，它将被转换为一个字符串（如果你调用.val()来获取值，你将获得一个字符串）。

Answer 2

您正在阅读的是value参数的描述，而不是返回的值。

如果我们在令人敬畏的jQuery Source Viewer中查看 .val()的源代码，我们可以看到有一个片段可以将数字转换为字符串并在将它们设置为值之前连接数组。

// Treat null/undefined as ""; convert numbers to string
if (val == null) {
    val = "";
} else if (typeof val === "number") {
    val += "";
} else if (jQuery.isArray(val)) {
    val = jQuery.map(val, function (value) {
        return value == null ? "" : value + "";
    });
}

但是你确实想要返回值，而.val()理论上能够返回数字，如果我们信任jQuery文档，它说明了Returns: String or Number or Array 。 如果类型是字符串，则检查结果，如果是，则删除\\r并返回字符串，否则存在可能返回实际值的空检查或空字符串（注释为对数字起作用或null） - 值）。

return typeof ret === "string" ?
    // handle most common string cases
    ret.replace(rreturn, "") :
    // handle cases where value is null/undef or number
        ret == null ? "" : ret;

rreturn变量在全局名称空间中声明为var rreturn = /\\r/g; 因此您无法使用源浏览器找到它。

所以这里真正的问题是DOM实际上可以将数字作为值返回吗？ 这里的答案似乎是“是的，但只有你明确要求它”。

从HTML5开始，HTMLInputElement接口上有一个新的valueAsNumber -property ，它将返回值，因为数字是可能的，如果不是，则返回NaN。 这似乎仅适用于HTMLInputElement，例如在HTMLSelectElement接口中不可用。

我快速搜索了最新的jQuery源代码（最新的每晚和1.11版本），今天没有人使用valueAsNumber 。 只是在这里进行推测，但是为了以防万一，在提出valueAsNumber之前，这可能已被添加到文档中。

因此，除非您自己使用valueAsNumber （并且它应该只用于<input type="number" /> or <input type="range" />除非您添加一些手册，否则您似乎暂时停留在字符串中）验证）。