如何在页面加载时获取下拉列表的值

使用jQuery,如何在页面加载时在选择中获取所选项的值? 我可以在更改等上做,但无法弄清楚页面加载的方式。

这是我的代码:

 Basic Personal Basic Family Advanced Personal Advanced Family Optimum Personal Optimum Family  

这是我用来获取选项值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; } }); 

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

工作演示 http://jsfiddle.net/YXbDd/3/ http://jsfiddle.net/YXbDd/4/

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

我不确定你的情况是什么背景,但这应该坚持下去。

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

rest作为演示和代码,希望它有所帮助,

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

要么

 $(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; } });​ 
 $(document).ready(function() { alert($("#dropdownid").val()); }); 

最好的解决方案和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'); 

});

或这个

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

});