只需在页面加载时触发select上的change事件。这样你就不需要写重复的代码了,所有的事情都在一个地方处理。
使用$('\selector').trigger()可以触发任何事件,如
change
,
click
,
input
与
$(document).ready(function() { /** your code here **/})
function updateInventory(value) {
$('#inventory').text(value);
}
$('#borderColor').on('change', function() {
// update inventory
updateInventory(this.options[this.selectedIndex].text);
});
$(document).ready(function() {
$('#borderColor').trigger('change');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="borderColor">
<option value="red">red</option>
<option value="blue" selected="selected">blue</option>
</select>
<div id="inventory">
</div>