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

这应该会在下拉列表中触发您的事件，就像有人选择了一个选项一样。

页面加载时的JQuery触发事件

1 个答案: