Consider the following scenario. If I want to extract the name of the country chosen using JavaScript, how can this be achieved?
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fullwidth">
<input class="mdl-textfield__input" type="text" id="sample1" value="Belarus" readonly tabIndex="-1">
<label for="sample1" class="mdl-textfield__label">Country</label>
<ul for="sample1" class="mdl-menu mdl-menu--bottom-left mdl-js-menu">
<li class="mdl-menu__item">Germany</li>
<li class="mdl-menu__item">Belarus</li>
<li class="mdl-menu__item">Russia</li>
</ul>
</div>