javascript - 表单下拉(微调器)并尝试将值更改为所选元素的值

Question

我正在使用一个表单微调器(本质上是一个 android 术语中的表单下拉列表。)我希望能够将值更改为选定的微调项，而不是它现在所做的，这什么都没有。

我怎样才能让它在被选中时改变值？

这是我的 jsfiddle有一个工作的微调器，但它还没有改变选择的值

这是制作微调器的 html 代码:

<div class="form-spinner">
          <a href="javascript: void(0);" class="toggle-spinner">Set Repetition</a>
            <ul class="spinner">
                <li class="spinner-item"><a href="javascript: void(0);">Once</a></li>
                <li class="spinner-item"><a href="javascript: void(0);">Daily</a></li>
                <li class="spinner-item"><a href="javascript: void(0);">Weekly</a></li>
                <li class="spinner-item"><a href="javascript: void(0);">Monthly</a></li>
                <li class="spinner-item"><a href="javascript: void(0);">Custom</a></li>
            </ul>
    </div>

Answer 1

点击更新文本

$('.spinner-item').click(function (item){
    $('.toggle-spinner').text( $(this).text());
});