设为首页收藏本站

新微赢技术网

 找回密码
 注册
搜索
热搜: 回贴
查看: 61|回复: 9
打印 上一主题 下一主题

[求助]如何才能取得列表中所有的内容

[复制链接]
跳转到指定楼层
1#
发表于 2010-1-7 07:17:35 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
表单中有列表如下
<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”、
2#
发表于 2010-1-7 07:17:38 | 只看该作者
回复 支持 反对

使用道具 举报

3#
发表于 2010-1-7 07:17:41 | 只看该作者

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

使用道具 举报

4#
发表于 2010-1-7 07:17:43 | 只看该作者
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <title>显示列表内容</title>
  5. <script language="javascript">
  6. function ShowSelect(){
  7. var SelectObj = document.getElementById("s1");
  8. var SelectStr = "";
  9. for(i=0;i<SelectObj.options.length;i++){
  10. SelectStr += "选项["+ SelectObj.options[i].text +"]的值是 "+ SelectObj.options[i].value +"<BR>";
  11. }
  12. document.getElementById("div1").innerHTML = SelectStr;
  13. }
  14. </script>
  15. </head>
  16. <body>
  17. <select name="select3" size="3" id="s1">
  18. <option value="yw">语文</option>
  19. <option value="sx">数学</option>
  20. <option value="yy">英语</option>
  21. </select><br>
  22. <input type="button" value="显示列表内容" onclick="ShowSelect()">
  23. <div id="div1"></div>
  24. </body>
  25. </html>
复制代码
回复 支持 反对

使用道具 举报

5#
发表于 2010-1-7 07:17:46 | 只看该作者
不清楚要这个效果能做什么用.
回复 支持 反对

使用道具 举报

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

使用道具 举报

7#
发表于 2010-1-7 07:17:52 | 只看该作者
支持3楼!
回复 支持 反对

使用道具 举报

8#
发表于 2010-1-7 07:17:55 | 只看该作者
我想你既然是用列表框来进行选择,为何还要将显示在页面上呢,再说你的目的就是让表单将数据提交,而经提交后,你当前的网页会被刷新,我觉得无法让javascript接收你的提交数据(也许我孤陋寡闻)。像这样的功用也不常用吧。
我想你可以将该页的数据传送到处理提交数据的页面再进行处理,或许我没有理解你的意思,但我想列表框的数据已经可见了,为何还要再显示一次呢?
回复 支持 反对

使用道具 举报

9#
发表于 2010-1-7 07:17:58 | 只看该作者
明白你要的意思了。你既要值又要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>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-20 00:33 , Processed in 0.114675 second(s), 9 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

快速回复 返回顶部 返回列表