你如何用一个词替换选择的值？

Question

我非常是 javascript 的新手，我正在尝试创建一个滑块刻度来输出一个短语而不是一个值。到目前为止，编码看起来像这样。我用slider code from jqueryui作为学习基础

$( function() {
  $( "#slider" ).slider({
   value:1,
   min: 1,
   max: 7,
   step: 1,
   slide: function( event, ui ) {
    $( "#amount" ).val( ui.value );
   }
  });
  $( "#amount" ).val( $( "#slider" ).slider( "value" ) );
 } );

我正在考虑添加一个 if / else 语句，但我不知道如何实现它。我希望每个数字都附有一个单独的短语。有没有办法用单词替换输出值（例如 1、2、3 等）？

Answer 1

您可能希望将案例添加到滑块的最大数量..

var determineWord = function(value) {
  var word = "";
  console.log(value);
  switch (value) {

    case 1:
      word = "test";
      break;

    case 2:
      word = "test2";
      break;
  }
  console.log(word);
  return word;
};

$(document).ready(function() {
  $("#slider").slider({
    value: 1,
    min: 1,
    max: 7,
    step: 1,
    slide: function(event, ui) {
      $("#amount").val(determineWord(ui.value));
    }
  });
  $("#amount").val($("#slider").slider("value"));
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<body>
  <div id="slider"></div>
  <br/><br/>
  <div id="amount"></div>
</body>

你如何用一个词替换选择的值？

How do you replace values chosen with a word?

javascript

jquery

jquery-ui

slider

uislider