2007-05-21 04:02
2007-05-21 12:45
[CODE]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>显示列表内容</title>
<script language="javascript">
function ShowSelect(){
var SelectObj = document.getElementById("s1");
var SelectStr = "";
for(i=0;i<SelectObj.options.length;i++){
SelectStr += "选项["+ SelectObj.options[i].text +"]的值是 "+ SelectObj.options[i].value +"<BR>";
}
document.getElementById("div1").innerHTML = SelectStr;
}
</script>
</head>
<body>
<select name="select3" size="3" id="s1">
<option value="yw">语文</option>
<option value="sx">数学</option>
<option value="yy">英语</option>
</select><br>
<input type="button" value="显示列表内容" onclick="ShowSelect()">
<div id="div1"></div>
</body>
</html>[/CODE]
2007-05-21 13:13
2007-05-21 13:15
明白你要的意思了。你既要值又要value
<style type="text/css">
<!--
#showDIV {
margin: 4px;
width: 300px;
border: 1px solid #999999;
text-align: left;
text-indent: 5px;
line-height: 20px;
background-color: #FAFAFA;
height: 20px;
float: left;
clear: both;
}
-->
</style>
<p>
<select id="select3" size="3">
<option value="yw">语文</option>
<option value="sx">数学</option>
<option value="yy">英语</option>
</select>
<input type="submit" name="Submit3" value="确定" onClick="Show()">
</p>
<div id="showDIV" style="display:none"/>
<script language="jscript">
function Show(){
var s= document.getElementById("select3"); //列表ID
var showC=document.getElementById("showDIV"); //显示选择后内容的DIV ID
if(s.value==""){
alert("请选择一个列表项！");
return;
}
else
{
showC.style.display="";
showC.innerHTML=s.options[s.selectedIndex].text+":"+s.value;
}
}
</script>
2007-05-21 14:06
2007-05-21 14:08
2007-05-22 11:33
2007-06-18 15:12
2007-06-18 23:08
