我有一个下拉列表,我希望列表的第一个元素在页面加载时自动触发事件。
我的 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>
目前它仅在您从下拉列表中选择某些内容时触发。(任何帮助表示赞赏。)