Question

我正在使用第三方jQuery插件来获取<select>元素的值，设置和首选项，并将其替换为自定义小部件。

如何找出<select>元素的默认值？

Answer 1

<option>个元素在DOM级别1中定义了一个名为defaultSelected的属性。对于在解析元素时在HTML中定义了<option>属性的任何selected元素，此属性将设置为true。

使用filter获取任何默认选择选项应该相当简单：

var def = $("select > option").filter(function () { 
    return this.defaultSelected; 
});

工作演示：http://jsfiddle.net/AndyE/9G3pR/

defaultSelected property（MSDN）

Answer 2

使用

$("select option:selected");

获取当前（或默认）所选项目。要获得它的价值，请使用

$("select option:selected").val();

或者

$("select").val()

如果你想更短/更快。

要获取选择的原始值，您需要使用.data()函数将其存储在元素的数据中，如JSFiddle所示。

如果要检索值，只需在select元素上调用.data("originalValue")（JSFiddle的第二个.each()。

$(document).ready(function() {
    $("select").each(function() {
        $(this).data("originalValue", $(this).val());
    });

    // Log data - will output "1"
    $("select").each(function() {
        console.log($(this).data("originalValue"));
    });
});

当您加载页面以存储选择框的原始值时，您需要在上面的代码中运行第一个.each()调用。请注意originalValue可以是您喜欢的任何标识符。

Answer 3

$('select option:selected').val();

通过jQuery＆amp;获取“select”HTML输入元素的默认值JavaScript的？

3 个答案: