JavaScript - 如何从下拉菜单中更改项目

Question

如何通过 JavaScript

更改下拉菜单中的 select 项

<select name="example_length" aria-controls="example" class="">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>

我尝试通过以下方式更改下拉菜单的值：

document.getElementsByName("example_length")[0].value=100   

但数字仅在 HTML 中更改，但内容未更改；

link 举例 Table Sorting

Answer 1

我找到了答案

平原 JavaScript

document.getElementsByName("example_length")[0].value = 50;
var event = new Event('change');
document.getElementsByName("example_length")[0].dispatchEvent(event);

来自 jQuery

$( "select[name='example_length']" ).val(50).change();