ページがロードされたときのJQueryトリガーイベント

Question

私はドロップダウンリストを持っています。ページロード時にリストの最初の要素がイベントを自動的にトリガーするようにします。

私のjqueryの現在のコード：

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".size").change(function() { 
     var searchbox = $(this).val(); 
     var myId = $(this).attr("id"); 
     var dataString = 'searchword=' + searchbox + '&product_id=' + myId; 
     if (searchbox == '') {} else { 
      $.ajax({ 
       type: "POST", 
       url: "check_stock.php", 
       data: dataString, 
       cache: false, 
       success: function(html) { 
        $("#display" + myId).html(html).show(); 
       } 
      }); 
     } 
     return false; 
    }); 
});​ 
</script> 

htmlコード

<form id="form1" name="form1" method="post" action="cart.php"> 
    <label>Size:</label> 
    <select name="size" class="size" id="'.$pid.'"> 

    <option value="XS">XS</option> 
    <option value="S">S</option> 
    <option value="M">M</option> 
    <option value="L">L</option> 
    <option value="XL">XL</option> 
    <option value="XXL">XXL</option> 
    <option value="3XL">3XL*</option> 
    <option value="4XL">4XL*</option> 
    <option value="5XL">5XL*</option> 
    </select> 
    <input type="hidden" name="pid" id="pid" class="pid" value="'.$pid.'" /> 
    <span id="display'.$pid.'"></span> 
    </form> 

ドロップダウンリストから何かを選択すると、現在のところだけトリガします。 （すべてのヘルプは高く評価した。）あなたは、リスナーを追加した後、この行を追加すること

Answer 1

試してみてください。

$(".size").change(); 

これは、誰かがオプションを選択した場合と同じようにドロップダウンリストにあなたのイベントを発生する必要があります。