新微赢技术网

标题: [求助]如何才能取得列表中所有的内容 [打印本页]

作者: √死胖子 时间: 2010-1-7 07:17
标题: [求助]如何才能取得列表中所有的内容
表单中有列表如下
<select name="select3" size="3" id="s1">
<option value="yw">语文</option>
<option value="sx">数学</option>
<option value="yy">英语</option>
</select>
和按钮<input type="submit" name="Submit3" value="确定">
请问应该如何才能使按“确定”按钮后让程序执行一个“JavaScript”程序function show()和如何写show()程序才能在网页中显示列表中所有的“项目标签”和“值”，即“语文”，”yw”、 “数学”，”sx”、 “英语”，”yy”、

作者: 云-飘天涯 时间: 2010-1-7 07:17
顶

作者: 熾天使rose 时间: 2010-1-7 07:17

写了一下上面两位已经贴了。3楼朋友的可以。肯定满足楼主想要的。

作者: 苍穹 时间: 2010-1-7 07:17

<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>

复制代码

作者: 江边人家 时间: 2010-1-7 07:17
不清楚要这个效果能做什么用.

作者: 爲眀天活着 时间: 2010-1-7 07:17
以下是引用qhscqb在2007-5-21 12:45:26的发言：
我想你既然是用列表框来进行选择，为何还要将显示在页面上呢，再说你的目的就是让表单将数据提交，而经提交后，你当前的网页会被刷新，我觉得无法让javascript接收你的提交数据（也许我孤陋寡闻）。像这样的功用也不常用吧。
我想你可以将该页的数据传送到处理提交数据的页面再进行处理，或许我没有理解你的意思，但我想列表框的数据已经可见了，为何还要再显示一次呢？
小弟认为他想在当页确认那些选择与显示的是一致的。

作者: 苍穹 时间: 2010-1-7 07:17
支持3楼!

作者: 城市之肺 时间: 2010-1-7 07:17
我想你既然是用列表框来进行选择，为何还要将显示在页面上呢，再说你的目的就是让表单将数据提交，而经提交后，你当前的网页会被刷新，我觉得无法让javascript接收你的提交数据（也许我孤陋寡闻）。像这样的功用也不常用吧。
我想你可以将该页的数据传送到处理提交数据的页面再进行处理，或许我没有理解你的意思，但我想列表框的数据已经可见了，为何还要再显示一次呢？

作者: .嵿峜繌嗲﹖ 时间: 2010-1-7 07:17
明白你要的意思了。你既要值又要value

<style type="text/css">

</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>

欢迎光临新微赢技术网 (http://bbs.weiying.cn/)