5

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

这是我的代码:

<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>

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

4 回答 4

14
$(document).ready(function() {
    alert($("#symb").val());
});
于 2012-06-27T08:19:12.760 回答
2

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

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

我不确定pos您的情况是什么,但这应该可以做到。

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

休息为演示和代码,希望对您有所帮助,

代码

$(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;
    }
});​
于 2012-06-27T08:21:11.530 回答
1
$(document).ready(function() {
    alert($("#dropdownid").val());
});
于 2014-02-25T12:38:47.250 回答
0

最好的解决方案和简单:

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

});

于 2012-06-27T08:45:57.810 回答