javascript - 选择输入，其中单击事件滚动通过一组定义的值而不是打开下拉列表

Question

我需要创建一个与 <select> 相同的表单元素然而，从用户体验的 Angular 来看，我只是希望能够通过设置值(其中有四个)单击/点击(最好是循环)。因此，点击不会打开下拉列表，它只是更改为下一个值。远离 <select> 强加的 UI标签也很重要。

Answer 1

你可以做类似 that 的事情.

你用你的值创建数组，然后点击循环遍历它的值

           var array = [ 'value1', 'value2', 'value3', 'value4' ];

            $('#input').click(function(e){
                        var currValue = e.currentTarget.value;
                        var valueIndex = array.indexOf(currValue);
                        var arrayLength = array.length-1;

                        if(valueIndex != arrayLength)
                        {
                           $('#input')[0].value = array[valueIndex + 1];
                        }
                        else
                        {
                            $('#input')[0].value = array[0];
                        }
             })