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

I have a dropdownlist in jquery. I'm filling that dropdown using an array. I want to 开发者_开发问答set one of the values as the first in the list from an array of values. Say i have 'a','b','c' in an array and i want to set 'b' as the first in the array.

Many thanks in advance..

---

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

where 1 is the index of 'b' inside of your array.

---

If you want to set one option as "SELECTED you just have to add it to html like this:

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

This will make this option the first of the list or the selected one. Otherwise the options will follow the order you gave them

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

in this case Name1 will appear before Name2

---

set the property selected="selected" in the <option> tag for that specific value

---

You could reorder the array by using a combination of array.splice() and array.concat(). Then do your binding as normal. e.g.

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

---

John stickers soloution is good.

If you want to do it with text and not an index, you could do:

    //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);

And have an empty selectbox

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

---

I tried and found out the answer:

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