在mdl-select中查找选定的选项

Question

我们来看下面的例子。假设我想找到使用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>

Answer 1

是的，你可以在每个li元素上添加一个onclick事件，并触发一个回调函数来显示结果。