表单下拉列表(微调器）并尝试将值更改为所选项目值

Form drop down(spinner) & trying to change the value to the selected items value

本文关键字：项目 选项 下拉列表 表单      更新时间：2023-09-26

我正在使用表单微调器（本质上是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>

以在单击时更新文本

$('.spinner-item').click(function (item){
    $('.toggle-spinner').text( $(this).text());
});
相关文章：