How do I get the value of drop down list on page load

Question

Using jQuery, how can I get the selected item\'s value in a select when the page loads? I can do it onChange etc but cant figure out the way on page load.

Here\'s my

Answer 1

$(document).ready(function() {
    alert($("#dropdownid").val());
});

Answer 2

The best solution and siple:

$(document).ready(function() {
$.fn.symbCost = function(pos) {
var total = parseInt($(this).val().split('#')[pos]);
    return total;
}   
$("#symb").change(function() {
    var val = $(this).symbCost(0);
}).triggerHandler('change');

});

Or this

$(document).ready(function() {
$.fn.symbCost = function(pos) {
    var total = parseInt($(this).val().split('#')[pos]);
    return total;
}
$("#symb").change(function() {
    var val = $(this).symbCost(0);
}).symbCost(0);

});

Answer 3

$(document).ready(function() {
    alert($("#symb").val());
});

Answer 4

Working Demo http://jsfiddle.net/YXbDd/3/ or http://jsfiddle.net/YXbDd/4/

API: http://api.jquery.com/ready/ > Specify a function to execute when the DOM is fully loaded.

I am not sure what pos context is in your case but this should do the stick.

$("#symb").val().split('#')[0]

Rest as demo and code, hope it helps,

code

$(document).ready(function() {
    alert("when the page load ==> " + $("#symb").val().split('#')[0]);
    $("#symb").change(function() {
          var val = $(this).symbCost(0);
    })

   $.fn.symbCost = function(pos) {
        var total = parseInt($("option:selected").val().split('#')[pos]);
        alert(total);
        return total;
    }
});​

or

$(document).ready(function() {
    alert("when the page load ==> " + $("#symb option:selected").val().split('#')[0]);
    $("#symb").change(function() {
          var val = $(this).symbCost(0);
    })

   $.fn.symbCost = function(pos) {
        var total = parseInt($("option:selected").val().split('#')[pos]);
        alert(total);
        return total;
    }
});​