2012-04-14 2 views
1

У меня есть раскрывающийся список, и я хочу, чтобы первый элемент списка запускал событие автоматически при загрузке страницы.Событие триггера 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> 

В настоящее время срабатывать только при выборе что-то из списка. (Любая помощь приветствуется.)

+2

Вы действительно хотите сделать вызов AJAX для проверки запасов Extra Small (XS) при загрузке страницы? Как насчет того, чтобы сделать первый вариант: 'Пожалуйста, выберите', гарантируя, что onchange вызывается, если/когда пользователь действительно выбирает свой размер? – searlea

+1

или генерировать страницу с php так, как она должна выглядеть после вызова. '' – 19greg96

ответ

3

попробуйте добавить эту строку после добавления слушателя:

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

это должно стреляйте событие из раскрывающегося списка, как если бы кто-то выбранный параметр.

+0

Вот как это работает http://www.mysandbow.webatu.com/ view_product? product = 1 – Raphael1

+0

Клиент хочет, чтобы добавление в корзину отображалось при загрузке страницы, потому что она думает, что люди ничего не купят, если они не видят кнопку добавления в корзину. – Raphael1

+0

@ Raphael1 :) Вы следуете этому учебнику из книги? (как было имя ...) –

Смежные вопросы