用HTML选项值到达一个Javascript数组元素。

我有一个有不同选项的选择,我需要根据选择达到数组的元素。

HTML

<select id="liste">
    <option value="0">Value 0</option> 
    <option value="1">Value 1</option> 
    <option value="2">Value 2</option> 
</select>

我的数组是这样的:t_data = [5, 3, 4] 。

Javascript

var data = t_data[document.getElementById('liste').value]
// I also tried something like this 
var data = t_data[parseInt(document.getElementById('liste').value)]

但我不能在数组中得到值……。

显然,它的工作原理很好,当我把:

var data = t_data[0]

必须是愚蠢的,但我不是一个htmljs程序员,我打破了目前… …

解决方案:

这就是你如何能得到你的结果。

t_data = [5, 3, 4];
document.getElementById('liste').addEventListener('change', function() {
  // this will display you selected value from array in p tag
  document.getElementById('result').innerHTML = t_data[this.value];
  // console.log(t_data[this.value]);
});
  <select id="liste">
    <option value="0">Value 0</option> 
    <option value="1">Value 1</option> 
    <option value="2">Value 2</option> 
</select>
<p id="result"></p>

给TA打赏
共{{data.count}}人
人已打赏
未分类

从MongoDB中获取不带ObjectId的_id。

2022-9-9 23:50:23

未分类

CSS背景颜色不改变

2022-9-9 23:50:25

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索