HTML在数组的选择选项中显示信息?
只是提醒一下,我对编码很陌生,正在为我的学校做简单的作业。所以请对我放松点。:-) 所以我的问题之一是创建一个包含所有行星名称的数组的网页。我很容易就做到了HTML在数组的选择选项中显示信息?,html,css,Html,Css,只是提醒一下,我对编码很陌生,正在为我的学校做简单的作业。所以请对我放松点。:-) 所以我的问题之一是创建一个包含所有行星名称的数组的网页。我很容易就做到了 <script> var planets = ["Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn", "Uranus", "Neptune", "Pluto"]; </script> var行星=[“水星”、“金星”、“地球”、“火星”、“木星”、“土
<script>
var planets = ["Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn", "Uranus", "Neptune", "Pluto"];
</script>
var行星=[“水星”、“金星”、“地球”、“火星”、“木星”、“土星”、“天王星”、“海王星”、“冥王星”];
到目前为止,一切顺利。下一步要求使用数组在选定对象中显示行星的名称。我也设法让这个工作,虽然它需要一点混乱
Planets
<select id="planetSelect">
<script>
for (var p = 0; p < 9; ++p) {
document.write("<option value='p'>");
document.write(planets[p]);
document.write("</option>");
}
</script>
</select>
行星
对于(var p=0;p<9;++p){
文件。填写(“”);
文件编写(第[p]页);
文件。填写(“”);
}
明白了。现在我的页面显示了一个包含所有行星名称的小下拉菜单。。。现在,最后一步是让网页显示在下拉列表中选择的卫星数量和行星的引力因子。(这个信息可以很容易地用谷歌搜索到,这不是我遇到的问题。)我不确定如何将信息正确地绑定到下拉选择/数组并显示出来。不知如何开始和进行这项工作。感谢您的帮助!:-) 你们可以尝试的一件事是用卫星和引力因子制作两个平行阵列。然后你可以做:
document.write(moons[p]);文件写入(重力[p])代码>当选择一个时。创建主体并将其链接到已创建的下拉菜单。它不应该影响脚本的工作方式,我建议您去w3学校看看,因为他们在下拉菜单显示上有很多信息您可以将您的JS分离到另一个文件中,并通过动态创建来使用
标记填充
元素。然后,当
元素发生变化时,您可以触发一组条件,并将其写入
中。在本例中,我刚刚添加了有关火星和地球的信息。希望这能帮助你,让你走起来
var行星=[“-”、“水星”、“金星”、“地球”、“火星”、“木星”、“土星”、“天王星”、“海王星”、“冥王星”];
//获取元素
selectElement=document.getElementById(“planetSelect”);
//使用选项动态填充select元素
对于(var i=0;i