Javascript 如何一次显示多个数组中的值？

我可以让我的图像数组正常工作，但无法让价格和文本数组也正常工作。我需要显示所有的第一个索引，以此类推。我被这件事难住了

我宁愿不使用jQuery

欢迎来到项目6，阵列
请选择一个水果以显示其图片和按钮。然后单击按钮显示所选水果的详细信息，
请选择一种水果
苹果
橙色
菠萝
香蕉
西瓜


选择你的水果
函数myFunction（）{
var pictures=[“apple.png”、“orange.png”、“菠萝.png”、“香蕉.png”、“西瓜.png]；
var价格=[0.99,1.99,2.99,3.99,4.99]；
var text=[“test1”、“test2”、“test3”、“test4”、“test5”]；
var x=document.getElementById（“MyFroothSelect”）.value；
document.getElementById（'outputImage'）.src=pictures[x-1]；
var y=document.getElementById（“MyFroothSelect”）.value；
document.getElementById（'outputPrice'）.src=prices[y-1]；
var z=document.getElementById（“MyFroothSelect”）.value；
document.getElementById（'outputText'）.src=text[z-1]；
}

您的div代码应该如下所示

<div id="Whatever-id">Content</div>

---

您试图在HTML和javascript中定义div src。看看我们的代码和使用innerHTML定义元素内容之间的区别。

欢迎来到项目6，阵列
请选择一个水果以显示其图片和按钮。然后单击按钮显示所选水果的详细信息，
请选择一种水果
苹果
橙色
菠萝
香蕉
西瓜


选择你的水果
函数myFunction（）{
var pictures=[“apple.png”、“orange.png”、“菠萝.png”、“香蕉.png”、“西瓜.png]；
var价格=[0.99,1.99,2.99,3.99,4.99]；
var text=[“test1”、“test2”、“test3”、“test4”、“test5”]；
var x=document.getElementById（“MyFroothSelect”）.value；
document.getElementById（'outputImage'）.src=pictures[x-1]；
var y=document.getElementById（“MyFroothSelect”）.value；
document.getElementById（'outputPrice'）。innerHTML=prices[y-1]；
var z=document.getElementById（“MyFroothSelect”）.value；
document.getElementById（'outputText'）。innerHTML=text[z-1]；
}

首先，bgcolor和center已被弃用-请改用样式。要在div中放置信息，请使用innerHTML not值。

document.getElementById('outputPrice').innerHTML = prices[y-1];