<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
呵呵,成功!
分享到:
相关推荐
html下拉多选框样式,h5下拉多选框整套样式,用layui实现下拉框select多选,取值 layui 多选下拉框 控件 整套样式
使用multiple可以实现select多选,本例将为大家介绍下select多选 multiple的使用,新手朋友们可以学习下
jQuery Multiple Select实现下拉框多选,请注意是Multiple 。实例介绍详细,想用的可以直接Copy进去用
boostrap下拉控件,支持选择多个下拉内容,并可搜索下拉内容
html多选下拉框 ,CheckBox的Select组件。可多选的下拉框。
用javascript实现不按Ctrl实现Multiple Select多选
支持下来查询(英文和中文)多选 select2 multiple multiSelect
使用multiple可以实现select多选,本例将为大家介绍下select多选 multiple的使用,新手朋友们可以学习下
select标签multiple属性的使用方法.zip 欢迎下载
layui的select下拉框插件,可以多选
下拉框(select),可以多选,带有分组搜索功能
BsMultiSelect是一款基于Bootstrap 4的多选下拉框插件。该插件能够提供友好的多选功能,并提供一些情节模式和多种主题效果。
角度多选 AngularJS 的多选小部件。 移动友好:对每个选择侧使用复选框而不是 <input type="multiple">。 特征: 传入一个表达式来表示一个item的显示 列标题可定制 (6/3/14) 支持新属性“required-min”,...
实现select下拉框多选功能原码包,这是我从原网站下载的
主要介绍了两个多选select(multiple左右)添加、删除选项和取值实例,使用jquery实现,需要的朋友可以参考下
iview提供的select组件中使用multiple属性可以开启多选模式,返回的数据也是数组的形式。 iview使用的校验是根据async-validator来实现数据验证。验证规则可前去查看开源项目 多选模式下的select组件校验使用type为...
主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
对duilib的UIList进行了扩展,新增了一下支持:拖动表头改变列宽度;支持多选(ctrl+ 左键,shift+左键,鼠标按下左右键滑动);右键菜单
chosen用于下拉框多选,本资源含有css及js,导入项目中后需要初始化 $(function(){ //下拉框 $(".chzn-select").chosen(); $(".chzn-select-deselect").chosen({allow_single_deselect:true}); $(".chzn-...