Question

我的网页上有一个Select控件，其中的选项是从DB创建的，我无法访问源代码。

我需要在List中添加一个选项，所以我使用了jQuery并执行了此操作。

jQuery("select[id$='ShippingSubdivisionDropDownList']").append('<option value=NULL>Select County/State</option>');

这可行，但它会在列表末尾添加选项。如何将此选项添加到选择列表的开头？

编辑：好的，事实证明它是一个简单的替换append with prepend。但是，如何将此新选项设为默认选项？

Answer 1

解决方案I

改为使用.prepend()：

jQuery("select[id$='ShippingSubdivisionDropDownList']").prepend('<option selected="selected" value="NULL">Select County/State</option>');

并选择它，添加属性selected='selected'

解决方案II

您也可以使用：

jQuery("<option>", { value: 'NULL', selected: true }).prependTo("select[id$='ShippingSubdivisionDropDownList']");

Answer 2

使用.prepend

jQuery("select[id$='ShippingSubdivisionDropDownList']").prepend('<option value=NULL>Select County/State</option>');

这是Demo

Answer 3

Try about this one,
var choices = [];
choices[0] = "one";
choices[1] = "two";

function addInput(divName) {
    var select = $("<select/>")
    $.each(choices, function(a, b) {
        select.append($("<option/>").attr("value", b).text(b));
    });
    $("#" + divName).prepend(select);
}

如何在“选择下拉列表”中添加选项并将其列在列表中

3 个答案: