发新话题
打印

从表单select的多选(multiple)属性中得到多选结果

从表单select的多选(multiple)属性中得到多选结果

代码:
<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
呵呵,成功!

[via]

TOP

发新话题