如何制作滑块

Question

阿罗哈,我正在尝试开发一个有3个单词可供选择的滑块.但是我无法将这些单词保存为字母,我得到的只是1,2或3的数字:(

这是我的代码,也是一张图片:)

<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>

所以这段代码显示了顶部的滑块和字母(与我的css一起使用),但当我点击"提交"时,在下一页(使用php)我得到1,2或3.但它应该是坏的,好还是好.我确定问题出在HTML代码中.

Answer 1

为什么不在处理提交时将数字分配给值？

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']];
}