html form input slider / range with non numeric values?

Question

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

Can I have one of these input ranges with non-numeric intervals? Like "Yes" then "maybe" then "no"?

Thanks

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

The type range of html input is designed for imprecise input values.

Anyway, if you really want to use a slider for this purpose, you can maybe set on your script that 0 is no, 1 is maybe and 2 is yes. In jQuery, it would be something like this:

$("#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();

Live example: http://jsbin.com/upeyew

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 20, 2011 at 0:59

v42

1,42514 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

html form input slider / range with non numeric values?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related