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>

これは、変更時にオプション値を取得するために使用しているスクリプトです。

$(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://api.jquery.com/ready/ > Specify a function to execute when the DOM is fullyロード済み。

あなたの場合のコンテキストはわかりません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 に答える