Javascript 上一选项列表中所选项目的动态选项
我正在写一个html,它应该包含两个select标记。为了清楚起见,第一个select标签包含大陆的名称,用户应该选择其中一个。第二个select标记应在第一个select标记中动态显示所选大陆的国家名称。 谁能帮助我理解我应该如何通过JavaScript函数实现它?应在第一个select标记上设置什么事件?应该在选项或选择标记上设置事件Javascript 上一选项列表中所选项目的动态选项,javascript,html,dynamic,options,Javascript,Html,Dynamic,Options,我正在写一个html,它应该包含两个select标记。为了清楚起见,第一个select标签包含大陆的名称,用户应该选择其中一个。第二个select标记应在第一个select标记中动态显示所选大陆的国家名称。 谁能帮助我理解我应该如何通过JavaScript函数实现它?应在第一个select标记上设置什么事件?应该在选项或选择标记上设置事件 <html lang="en"> <head> <meta cahrset="utf-8"> <title&
<html lang="en">
<head>
<meta cahrset="utf-8">
<title>Java Script Question Exam</title>
<script type="text/javascript">
var la=["chili","castarica","cuba","jamaieca"];
var as=["Iran","Iraq","China","Japan"];
var eu=["Italy","France","Sweden"];
var af=["Egypt","Morocco"];
var continents=new Array(la,as,eu,af);
function ContinentFun(input)
{
var cont=document.getElementById("continent");
var selected=cont.options.selectedIndex;
var e=continents[selected];
var d = document.getElementById(input);
if(d.length==0)
{
for(var j=0; j<e.length;j++)
{
d.add(new Option(e[j],""));
}
}
else
{
if (d.length<e.length)
{
for(var i=0; i<d.length;i++)
{
d.options[i].text=e[i];
}
for(var j=d.length; j<e.length;j++)
{
d.add(new Option(e[j],""));
}
}
else
{
if(d.length>e.length)
{
for(var i=0; i<e.length;i++)
{
d.options[i].text=e[i];
}
for(var j=e.length; j<d.length;j++)
{
d.remove(j);
}
}
else
{
for(var i=0; i<e.length;i++)
{
d.options[i].text=e[i];
}
}
}
}
}
</script>
</head>
<body>
<form id="form1">
<table id="t1" border="2">
<tr>
<td>Select your Continent</td>
<td>
<select id="continent" size="1" onchange='ContinentFun("country")'>
<option>Latin America</option>
<option>Asia</option>
<option>Eroupa</option>
<option>Africa</option>
</select>
</td>
</tr>
<tr>
<td>Select Country</td>
<td>
<select id="country" size="1" width="15">
</select>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="button" name="Send" value="Send" onclick='PrintInfo("continent","country","t1")' />
</td>
</tr>
</table>
<br><br><br>
<textarea id="t1">
</textarea>
</form>
</body>
</html>
Java脚本问题考试
var la=[“辣椒”、“卡斯塔里卡”、“古巴”、“牙买加”];
var as=[“伊朗”、“伊拉克”、“中国”、“日本”];
var eu=[“意大利”、“法国”、“瑞典”];
var af=[“埃及”、“摩洛哥”];
var大陆=新阵列(la、as、eu、af);
功能(输入)
{
var cont=document.getElementById(“大陆”);
所选变量=cont.options.selectedIndex;
var e=大陆[选定];
var d=document.getElementById(输入);
如果(d.length==0)
{
对于(var j=0;j,在第一个select
框中,您将要绑定到onchange
事件。然后,您的事件处理程序将向服务器(提供所选大陆)发出AJAX回调,服务器将返回国家列表(prob作为JSON)
然后,您可以使用该列表填充第二个选择
框的选项
。在第一个选择
框中,您将要绑定到onchange
事件。然后,您的事件处理程序将向服务器(提供所选大陆)发出AJAX回调,返回国家列表(prob作为JSON)
然后,您可以使用该列表填充第二个选择
框的选项
<select id='continentSelector'>
<option>Africa</option>
<option>Antarctica</option>
<option>Asia</option>
<option>Australia</option>
<option>Europe</option>
<option>North America</option>
<option>South America</option>
</select>
HTML
<select id='continentSelector'>
<option>Africa</option>
<option>Antarctica</option>
<option>Asia</option>
<option>Australia</option>
<option>Europe</option>
<option>North America</option>
<option>South America</option>
</select>
很抱歉,我从维基百科错误地复制了一行,修复了它不是真的,我只是想澄清一下…选项的数量现在对我来说并不重要。重要的是如何填充第二个选项?!我在上面添加了我的代码…很抱歉,我从维基百科错误地复制了一行,修复了它不是真的,我只是想ted说得很清楚…选项的数量现在对我来说并不重要。重要的是如何填充第二个选项?!我在上面添加了我的代码。。。。