带有非数值的html表单输入滑块/范围？

【问题标题】：html form input slider / range with non numeric values?带有非数值的html表单输入滑块/范围？
【发布时间】：2012-01-02 03:39:30
【问题描述】：

<input type="range" min="2" max="52" value="4" step="1"/>

我可以使用非数字间隔的这些输入范围之一吗？比如“是”然后“也许”然后“不是”？

谢谢

【问题讨论】：

标签： jquery html input range

【解决方案1】：

html input的类型range是designed for imprecise input values。

无论如何，如果您真的想为此使用滑块，您可以在脚本中设置 0 表示否，1 表示可能，2 表示是。在 jQuery 中，它会是这样的：

$("#slider").change(function(){
    switch($(this).val()){
        case "0":
          /* change a text/hidden value to 'no' */
          break;
        case "1":
          /* change a text/hidden value to 'maybe' */
          break;
        case "2":
          /* change a text/hidden value to 'yes' */
          break;
      }
}).change();

现场示例： http://jsbin.com/upeyew

【讨论】：