如何制作滑块

Question

Aloha, I'm trying to develop a slider bar that has 3 words that you can choose from. But I'm not able to save the words as letters, all I get is number either 1,2 or 3 :(

Here's the code I have and also a picture:)

<form action="something.php" method="post" id="form">  
    <input type="range" min=1 max=3 step=1 name="slider"> 
        <div id="text"> 
            <span > Bad </span>
            <span> Ok </span>
            <span> Good </span>
        </div> 
        <input type="submit" value="next" id="but"/> 
    </input> 
</form>

So this code shows the slider bar and letters at the top (which works with my css), but when I click "Submit", on the following page (using php) I get 1, 2 or 3. But it should be Bad, Good or Good. I'm sure that the problem is in the HTML code.

Answer 1

Why not just assign the numerals to values when you process the submission?

if(isset($_POST['slider'])) {
    $array[1] = 'Bad';
    $array[2] = 'Ok';
    $array[3] = 'Good';

    // This is a simplified output, but this is essentially
    // the easiest way
    echo $array[$_POST['slider']];
}