1

ドロップダウン リストがあり、リストの最初の要素がページの読み込み時にイベントを自動的にトリガーするようにします。

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

現在、ドロップダウン リストから何かを選択したときにのみトリガーされます。（どんな助けでも大歓迎です。）

4

1 に答える 1

3

リスナーを追加した後、次の行を追加してみてください。

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

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

于 2012-04-14T15:31:36.077 に答える