本文展示了一个简单的HTML页面，该页面使用JavaScript实现了一个城市下拉选择器的功能。当用户从下拉列表中选择一个城市时，所选城市的名称会显示在文本框中，并且有一个按钮用于触发选择确认事件。
2007/3/13 星期二
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function change(e){
e.tx1.value=e.sel.options[e.sel.selectedIndex].value;
}
</script>
<script>
function cli(e){
alert(document.fo1.sel.options[document.fo1.sel.selectedIndex].value);
alert("不提交页面");
}
</script>
</head>
<body>
<form name="fo1">
<label>城市名</label>
<select name="sel" onchange="change(document.fo1)">
<option selected="selected">请选择</option>
<option value="苏州">苏州</option>
<option value="南京">南京</option>
</select>
<label> 城市信息:</label>
<input type="text" name="tx1" value="" onchange="change(document.fo1)"/>
<input type="submit" value="提交" onclick="cli(document.fo1.tx1)"/>
</form>
</body>
</html>
扫一扫
1957
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
