title: show a result after selecting a value of dropdowlist using javascript
body: <p>after surching with no result i come to ask for help
  i'm creating a google docs add-on i have created a script that show gmail messages in sidebar</p>
  
  <p>this is the scipt that call the masseges :</p>
  
  <pre><code>function getEmails(max) {
  
    var threads =  GmailApp.search("in:inbox", 0, 500);
    var myMsgs =   "&lt;table&gt;";
  
    for (var i = 0; i &lt; threads.length; i++) {
  
  
  
      myMsgs+=  "&lt;tr&gt;&lt;td&gt;"+ threads[i].getFirstMessageSubject() +"&lt;/td&gt;&lt;/tr&gt;"
  
  
  
    }
  
    myMsgs += "&lt;/table&gt;"
  
    return myMsgs;
  
  
  }
  </code></pre>
  
  <p>and this is the function that show messages in sidebar :</p>
  
  <pre><code>function getEmails() {
  
    clearDom();
  
  
    var mySelector = document.getElementById("myselector");  
    var valueSelectede = mySelector.options[mySelector.selectedIndex].value;
  
  
    google.script.run
    .withSuccessHandler(getEmailsCallback)
    .getEmails(valueSelected);
  
  }
  </code></pre>
  
  <p>and this is the dropdownlist :</p>
  
  <pre><code>  &lt;div class="button-bar" style="padding: 10px;background-color:#EEEEEE;width:100%"&gt;
  
      &lt;button id="startButton" class="blue" onclick="getEmails()"&gt;Get message(s)&lt;/button&gt;
  
      &lt;button id="groupsButton" class="red" onclick="getGroups()"&gt;Get Groups&lt;/button&gt;
  
      &lt;select id="myselector"&gt;
        &lt;option value=2 selected="selected"&gt;2&lt;/option&gt;
        &lt;option value=10&gt;10&lt;/option&gt;
        &lt;option value=25&gt;25&lt;/option&gt;
        &lt;option value=50&gt;50&lt;/option&gt;
      &lt;/select&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p>How can i show only 2, 10, 25 or 50 messages in the user select number 2, 10, 25 or 50
  it would be grateful if you would please take the time to carefully read my probleme and help me to solve it thank you</p>