Javascript新手问题,将数字转换为任何单词
我对我的问题感到非常沮丧,试图在我的网站上添加一个小功能,这让我完全不知所措。我真的不知道我在做什么,我正在尝试使用HTML输入范围,其中有一个文本框标记滑块的值 所以到目前为止我有这个Javascript新手问题,将数字转换为任何单词,javascript,jquery,html,Javascript,Jquery,Html,我对我的问题感到非常沮丧,试图在我的网站上添加一个小功能,这让我完全不知所措。我真的不知道我在做什么,我正在尝试使用HTML输入范围,其中有一个文本框标记滑块的值 所以到目前为止我有这个 <input id="Slider" type="range" min="0" max="2" value="2" /> <p class="note">Current value: <span id="currentValue">0</span></p&g
<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
$(函数(){
var currentValue=$(“#currentValue”);
$('#滑块')。更改(函数(){
html(this.value);
});
$(“#滑块”).change();
});
它工作正常,有时并不总是更新数字,而是输出数字0、1和2
我需要知道如何将0转换为单词,如。。。苹果,1个是橘子,2个是香蕉,或者随便我想说什么
谢谢你能提供的任何帮助。另外,如果有更好/更有效的方法来实现这一点,那也很好,谢谢。您可以使用数组和
.html()
来更改文本(如何@Ian评论)。
滑块的改进版本,带有单词更改:
HTML
尝试创建一个数组:
var value=[“苹果”、“橙色”、“香蕉”]然后使用currentValue.html(值[this.value])代码>。0表示“苹果”,1表示“橙色”,等等。谢谢!这很有效,而且也很简单。非常感谢你。
<p id="word">Number 0 has been chosen</p>
<input type="range" id="Slider" type="range" min="0" max="2" value="0">
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]);
});