登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

pcwanli的博客

nx

 
 
 

日志

 
 

从多选(multiple)的select中得到所选结果  

2010-12-14 11:11:58|  分类: php |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
             <select name="classid" multiple>  
                 <option value="1">1</option>  
                 <option value="2">2</option>  
                 <option value="3">3</option>  
                 <option value="4">4</option>  
                 <option value="5">5</option>  
                 <option value="6">6</option>  
                 <option value="7">7</option>  
             </select>  
类似代码,选中几个后,提交,处理页只能接收到你选择的最后一个选项:(

我整理了两种方法。
第一种方法:js处理

<script type="text/javascript">  
function  checkform(oThis)  
{  
          var oData = oThis.classid.options;
          for(var  i=0;i<oData.length;i++){
             if(oData[i].selected) oThis.arrclass.value  +=  oData[i].value  +  ",";  
          }
          alert(oThis.arrclass.value);
          return  true;  
}  
</script>

<form action="?action=saveedit" method="post" onsubmit="checkform(this)">
             <select name="classid" multiple>  
                 <option value="1">1</option>  
                 <option value="2">2</option>  
                 <option value="3">3</option>  
                 <option value="4">4</option>  
                 <option value="5">5</option>  
                 <option value="6">6</option>  
                 <option value="7">7</option>  
             </select>  
             <input type="hidden" name="arrclass" value="">
</form>

加了一个隐藏的字段,用于接收多选的实现value值,然后提交。
比如选中3,5,6选项,点提交后,弹出3,5,6,表示提交过去的数据是正确的。

第二种方法:用数组
方法较简单,只是需要在接收页面做些处理。
把select那句改成:<select name="classid[]" multiple>即可。
选中3,5,6选项,此时接收页面
 print_r($_POST['classid']);
 echo implode(",",$_POST['arrclass']);
分别输出:
Array ( [0] => 3 [1] => 5 [2] => 6 )

3,5,6

呵呵,成功!
  评论这张
 
阅读(1478)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018