javascript - 如何为我的 .onchange 函数设置默认值并仍然保留 'onchange' 功能？

Question

我创建了一个显示用户输入结果的自定义搜索应用程序。在应用程序中，我为用户提供了一种控制显示的结果数量的方法。

HTML

<select id="countShow">
    <option selected="selected">10</option>
    <option>25</option>
    <option>50</option>
    <option>100</option>
</select>

jQuery

$("select").on('change', function () {
    $('#countShow').val(10);
    var str = "";
    $("select option:selected").each(function () {
    str = $(this).text();
    str = parseInt(str) - 1;
});
    $('div > #result:gt('+str+')').remove();
    console.log(str);
})

我的 console.log 在页面加载时显示原始值为 10，我知道它正在等待控件更改。

我尝试在创建默认值的函数之前添加以下内容:

$('#countShow').val(10); //the value stays 10 and will not change on event
$('div > #result:gt(9)').remove(); //does the same as the first

Answer 1

您可以在页面加载时调用它:

$(document).ready(function(){
  $("select").trigger('change');
});

触发器模拟加载页面时的变化事件