Comment puis-je obtenir la valeur de la liste déroulante sur le chargement de la page

À l'aide de jQuery, comment puis-je obtenir de l'élément sélectionné de la valeur d'un select lorsque le chargement de la page?
Je peux le faire onChange etc, mais ne peux pas trouver le moyen de chargement de page.

Voici mon code:

<select name="symb" id="symb">
  <option value="1#10#6">Basic Personal</option>
  <option selected="selected" value="2#20#6">Basic Family</option>
  <option value="7#90#12">Advanced Personal</option>
  <option value="8#120#12">Advanced Family</option>
  <option value="9#130#12">Optimum Personal</option>
  <option value="10#170#12">Optimum Family</option>
</select>

C'est le script que j'utilise pour obtenir la valeur de l'option onchange:

$(document).ready(function() {
    $("#symb").change(function() {
          var val = $(this).symbCost(0);
    })

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

OriginalL'auteur bikey77 | 2012-06-27

  1. 10
    $(document).ready(function() {
    alert($("#symb").val());
});
    Je déteste quand la solution est tellement facile! 🙂 Merci!

    OriginalL'auteur slash197

  2. 2

    De travail Démo http://jsfiddle.net/YXbDd/3/ ou http://jsfiddle.net/YXbDd/4/

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

    Je ne suis pas sûr de ce que pos contexte est, dans votre cas, mais ceci devrait faire le bâton.

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

    Reste de démonstration et le code, j'espère que ça aide,

    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;
    }
});​

    ou

    $(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;
    }
});​
    option:selected peut être omis. Vous pouvez simplement utiliser $("#symb").val()
    Ah soupir oui merci @Joie :) faire les choses?
    Les deux réponses sont correctes, a dû donner de la voix pour le plus rapide d'un bien. Je vous remercie pour votre aide.
    pas de soucis, l'homme :) oui, veuillez donner le gars ci-dessus! avoir une belle

    OriginalL'auteur Tats_innit

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

    OriginalL'auteur nilesh

  4. 0

    La meilleure solution et 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');

    });

    Ou ce

    $(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);

    });

    OriginalL'auteur feralou