将下拉列表中的选择值/默认值获取到JavaScript变量中

我正在尝试使用具有分页选项的ag网格显示表。我有一个下拉列表，其中列出了每页要显示的行数

我的问题是如何从下拉列表中获取值（加载页面时的默认值或选定值），并在ag网格代码中使用它

<div>
        Display:
        <select class="dropdwn">
            <option value="10" selected>10</option>
            <option value="50" >50</option>
            <option value="100">100</option>
            <option value="500">500</option>
        </select>
    </div>

以下是ag grid的gridOptions：

var gridOptions = {
        columnDefs: columnDefs,
        rowData: rowData,
        pagination: true,
        paginationPageSize:x,
        rowModelType: 'pagination'
    };

---

添加

onchange

和

id

    <select class="dropdwn" onchange="GetSelectedTextValue(this)" id="MyDropdown">
        <option value="10" selected>10</option>
        <option value="50" >50</option>
        <option value="100">100</option>
        <option value="500">500</option>
    </select>

---

添加

onchange

和

id

    <select class="dropdwn" onchange="GetSelectedTextValue(this)" id="MyDropdown">
        <option value="10" selected>10</option>
        <option value="50" >50</option>
        <option value="100">100</option>
        <option value="500">500</option>
    </select>

function GetSelectedTextValue(ddlFruits) {
    var selectedText = MyDropdown.options[MyDropdown.selectedIndex].innerHTML;
    var selectedValue = MyDropdown.value;
    alert("Selected Text: " + selectedText + " Value: " + selectedValue);
}