$("#select option:second").val() jquery - keep select second value of select box option

Question

I am able to keep select the first and last value of a select box

$("#selbox").val($("#sel_selbox option:last").val());

$("#selbox").val($("#selbox option:last").val());

How can i keep select the second value ?

$("#selbox").val($("#selbox option:second").val());

THis is giving error. Is there any option to keep select by giving index ?

Answer 1

Yes, you want the special jQuery eq() selector.

    $("#selbox").val($("#selbox option:eq(1)").val());

Answer 2

The selector way of doing this is :eq(), as already suggested.

However, this is not the best method. Because eq is a non-standard, jQuery-specific extension, the whole query has to be parsed by jQuery's selector engine. None of the selection is handled by the browser's native selection capabilities. This means that the selection will be much slower.

If you make a simple selection and then cut it down with jQuery methods, you will get much better performance, because the browser's native selection function (called querySelectorAll) will handle everything that it can, which will provide a big speed boost.

$('#selbox option').eq(1).val();
$('#selbox option').last().val();
$('#selbox option').first().val();     // same as .eq(0).val();

See:

• .eq()
• .last()
• .first()