Question

对我的问题感到很沮丧，完全在我脑海中试图为我的网站添加一个小功能。我真的不知道我在做什么，我正在尝试使用HTML输入范围，并使用一个标记滑块值的文本框。

所以我到目前为止......

<input id="Slider" type="range" min="0" max="2" value="2" />
<p class="note">Current value: <span id="currentValue">0</span></p>
<script>
  $(function(){

  var currentValue = $('#currentValue');

  $('#Slider').change(function(){
      currentValue.html(this.value);
  });

  $('#Slider').change();

  });
</script>

它工作正常，有时并不总是更新数字，而是输出数字0,1和2.

我需要知道如何将0转换为单词，例如... apple，1 to orange，2 to banana，或者我想要的任何单词。

感谢您提供的任何帮助。此外，如果有更好/更有效的方法来实现这一点，那也很好，谢谢。

Answer 1

您可以使用数组和.html()来更改文本（@Ian如何评论）。滑块的改进版本，单词更改：

HTML

<p id="word">Number 0 has been chosen</p>

<input type="range" id="Slider" type="range" min="0" max="2" value="0">

JS / JQuery的

var n = ["Number 0 has been chosen", "Number 1 has been chosen", "Number 2 has been chosen"];

$('#Slider').on('change', function(){
    $('#word').html(n[this.value]);
});

JSFiddle

Javascript新手问题，将数字转换为任何单词

1 个答案: