页面加载时的JQuery触发事件

问题描述：

我有一个下拉列表，我希望列表的第一个元素在页面加载时自动触发事件。页面加载时的JQuery触发事件

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

目前，它只有当您选择从下拉列表中的东西触发。（任何帮助表示赞赏。）

你确定你真的想在页面加载的时候为特小（XS）做一个AJAX的股票支票调用吗？如何做出第一个选择：'请选择'，确保在用户实际选择尺寸时调用onchange？ – searlea 2012-04-14 15:36:20

或者按照它在调用之后应该看起来像的方式生成页面。 '' – 19greg96 2012-04-14 15:39:04

答

尝试加入这一行添加监听器后：

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

这应该解雇你的，就好像一个人选择一个选项，在下拉列表上的事件。

这就是它现在的工作方式 http://www.mysandbow.webatu.com/ view_product？product = 1 – Raphael1 2012-04-14 15:45:17

客户希望添加到购物车时显示页面加载时，因为她认为人们不会购买任何东西，如果他们没有看到添加到购物车按钮。 – Raphael1 2012-04-14 15:46:56

@ Raphael1 :)你是按照这本书的教程？（什么名字......） – 2012-04-14 15:48:03

页面加载时的JQuery触发事件

相关推荐