Javascript 在mdl select中查找所选选项

让我们举下面的例子。假设我想使用javascript查找所选国家的名称。我该怎么做

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

国家

德国
白俄罗斯
俄罗斯

是的，您可以在每个li元素上添加onclick事件，并启动回调函数以显示结果。

同样的问题在线程中已经得到了回答。单击，但我需要一种方法来查找当前选定的

li

项目。我应该为每个字段分配一个onClick吗？对不起，我可以直接从输入字段获取数据值，我没有注意到这一点