html 循环下拉菜单

在html网页中，我想做一个显示年份的下拉菜单（1900-2000年），于是写了
<select size="1" name="year">
<script language="JavaScript">
var i ;
for(i=1900; i<=2000; i++)
{
document.form1.year.value=i ;
document.write("<option value="i"><fond color="black">i</option>") ;

}
</script>
但是运行结果只有下拉的位置，没有显示年份的数字，有谁能帮忙解答一下，谢谢了

举报该问题

其他回答

第1个回答推荐于2017-10-10

下拉菜单实现代码如下：

<HTML>
　　<HEAD>
　　 <SCRIPT LANGUAGE="javascript">
　　</SCRIPT>
　　<SCRIPT LANGUAGE="javascript">
　　function Body_Init(oSelect,oText)
　　{
　　var iLeft= oSelect.offsetLeft;
　　var iTop = oSelect.offsetTop;
　　var iWidth=oSelect.clientWidth;
　　var iHeight=oSelect.clientHeight;
　　oSelect.style.clip='rect(0,'+iWidth+','+iHeight+','+(iWidth-18)+')';
　　oText.style.width=iWidth;
　　oText.style.height=iHeight;
　　oText.style.top =iTop;
　　oText.style.left=iLeft;
　　}
　　function Combo_Select(oSelect,oText)
　　{
　　oText.value=oSelect.options[oSelect.selectedIndex].text;
　　alert(oText.value);
　　}
　　function Text_ChkKey(oSelect,oText)
　　{
　　if(event.keyCode==13)
　　{
　　 var nIndex=HasTheValue(oText.value,oSelect);
　　 if(nIndex !=-1 && nIndex !=oSelect.selectedIndex)
　　 {
　　 oSelect.selectedIndex=nIndex;
　　 }
　　}
　　}
　　function HasTheValue(name,oSelect)
　　{
　　if(oSelect.options.length<1)
　　 return -1;
　　var i=0;
　　for(i=0;i<oSelect.options.length;i++)
　　{
　　 if(oSelect.options[i].text==name)
　　 return i;
　　}
　　return -1;
　　}
　　</SCRIPT>
　　</HEAD>
　　<BODY onload="javascript:Body_Init(pCombo,pText);">
<table width=50% width=50% align="center" valign="middle">
　　<tr><td>
　　 <SELECT STYLE="position:absolute;left:0;top:0;" ONCHANGE="Combo_Select(this,pText)" NAME="pCombo" >
　　 <option value="d">test1</option>
　　 <option value="dd">test2</option>
　　 <option value="dd">asds</option>
<option value="dd">awdfsfs</option>
　　 </SELECT>
　　 <INPUT STYLE="position:absolute;" onKeyPress="Text_ChkKey(pCombo,this)" TYPE="TEXT" NAME="pText">
　　 </td></tr>
　　 </table>
　　 </BODY>
　　</HTML>

第2个回答推荐于2017-10-15

第3个回答 2009-07-10

document.write("<option value=\"i\">i</option>")

相似回答

html下拉选择框;html下拉框答：1、新建一个html文件。如图 2、在html页面找打body标签，在这个标签里新建select标签，在select标签内创建option标签并设置内容。如图代码：select option-请选择-/option option1111111/option option2222222/option option3333333/option /select 3、保存好html文件后使用浏览器打开，即可看到效果。如图：4、...

html下拉菜单代码怎么写答：4、你可以在select标签上添加name属性来为下拉菜单指定名称。select name="myDropdown"> option value="option1">选项1/option> option value="option2">选项2/option> option value="option3">选项3/option>/select> 这样，当用户选择一个选项并提交表单时，选中的选项值将...

Html 下拉框怎么循环出1到10???答：for(var i=1;i<=10;i++){ document.write("<option value='"+i+"'>"+i+"</option>");} </script> </select>

html中表单下拉框1到100怎么做答：html中表单下拉框1到100的步骤 1、新建一个html文件。2、在body标签里写入下拉列表select标记。3、在select标记中用option写入下拉框内的值，想要多少就写多少即可。

html下拉菜单怎么写答：方法如下：方法一：HTML 1、创建CSS菜单的HTML代码框架。我们使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中，在图示的HTML代码中，一个简单的无序列表（ul）来表示主菜单项。2、在主菜单区域中添加链接。在本步骤中，在无序列表（ul）每一项上添加链接。3、在“关于我们（About Us）...

如何使用HTML和CSS制作下拉菜单答：使用HTML和CSS制作下拉菜单的方法如下：1、编写带有div导航的html代码：2、使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中，在图示的HTML代码中，一个简单的无序列表（ul）来表示主菜单项。3、在主菜单区域中添加链接。在本步骤中，在无序列表（ul）每一项上添加链接。4、在“关于我们...

html怎么实现下拉框答：1、首先我们打开html开发工具，新建一个html代码页面。2、在html代码页面上创建一个select下拉菜单。3、保存html代码页面，使用浏览器打开，这个时候我们发现select下拉菜单是可以点击修改的。4、回到html代码页面，在select标签上添加disabled="disabled"属性。5、保存html代码页面，回到浏览器页面上刷新页面，...

如何使用HTML和CSS制作下拉菜单答：<select>定义为下拉列表菜单标签 <Option>定义下拉列表数据标签 <Value> 定义传输的定实现原理：通过代码<select>设置一个下拉列表菜单，<option>设计下拉菜单下面的值来达成效果。代码源件：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题...

如何使用HTML和CSS制作下拉菜单?答：1、请单击“文件”“新建”以创建新的web源文件。2、默认情况下，新类型是OK。如果您有其他需要，可以选择页面类型、布局等，然后单击“创建”按钮。3、创建新网页后，单击“设计”页上的“插入-表单-选择（列表/菜单）”以插入可选择的下拉表单。4、或者在菜单栏下有一个表单选项图标。将鼠标放在...

大家正在搜

html做下拉菜单栏 html下拉菜单代码 html5下拉菜单代码 html二级下拉菜单 html搜索下拉菜单 html导航栏下拉菜单 html导航栏下拉菜单怎么做 html5下拉表单 html表单下拉框代码