從下拉列表中獲取選擇值/默認值到JavaScript變量

Question

我試圖使用具有分頁選項的ag-grid顯示錶格。我有一個下拉列表，其中包含每頁顯示的行數。

我的問題是如何從下拉列表中獲取值（當頁面加載或選定值時的默認值）並將其用於我的Ag-grid代碼？

<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> 

jQuery的功能，從下拉列表中得到一個值：

$(".dropdwn") 
    .change(function() { 
    var str = ""; 
    $("select option:selected").each(function() { 
     str = $(this).text() ; 
    }); 
    x=window.parseInt(str); 

這些是AG-電網gridOptions：

Answer 1

添加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); 
}