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

来源:互联网 发布:各国域名后缀大全 编辑:程序博客网 时间:2024/06/08 00:46
 <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

呵呵,成功!
原创粉丝点击