将下拉列表中的一个值设置为值数组中的顶部值

To set one value in a dropdown list as top one from an array of values : jquery

本文关键字：顶部 设置 数组 一个 下拉列表      更新时间：2023-09-26

我有一个jquery下拉列表。我用数组填充下拉列表。我想将其中一个值设置为值数组列表中的第一个值。假设我在一个数组中有'a'，'b'，'c'，并且我想将'b'设置为数组中的第一个。

$('select option:eq(1)').prop('selected', true);

如果你想设置一个选项为"SELECTED "，你只需要像这样将它添加到html中:

<option value='your' SELECTED>Name</option>

这将使该选项成为列表中的第一个选项或选中的选项。否则，选项将按照您给它们的顺序

<option value='your1'>Name1</option>
<option value='your2'>Name1</option>

在本例中Name1将出现在Name2之前

在<option>标签中为该特定值设置属性selected="selected"

您可以使用array.splice()和array.concat()的组合来重新排序数组。然后像往常一样绑定。例如

var foo = ['a', 'b', 'c'];
var bar = foo.splice(1,1); // the first arg is the index of the item to remove
var baz = bar.concat(foo); // baz contains the new array with the 'b' value in the first spot

约翰贴纸的解决方案很好。

如果你想用文本而不是索引来做，你可以这样做:

    //BUILD ARRAY
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    //BUILD DROPDOWN
    var firstItem = "Mango";
    var buildHTML = "";
    $.each( fruits, function(intIndex, objValue){ 
        if(objValue != firstItem) {
            buildHTML += "<option>"+objValue+"</option>";
        } else {
            buildHTML = "<option>"+objValue+"</option>"+buildHTML;
        }
    });
    $("#dropdownbox").append(buildHTML);

有一个空的选择框

<select id="dropdownbox">
</select>

我试着找到了答案:

$ (" # selectControl ") .attr (selectedIndex, indexVal);

相关文章：