IT乐园,让技术伴你左右,!

网站源码,php源码,商场模板,企业站模板,后台模板

使用select多选标签笔记

时间:2017-08-08 11:07来源:未知 作者:sengeadmin 点击:
使用select多选标签笔记 然后效果上可以多选,连选,反选(按下Ctrl 使用鼠标单击)等功能。 YII框架自带了这种标签的生成方法,即著名的小物件。调用代码如下 $form-field($model, type)-dro
使用select多选标签笔记

然后效果上可以多选,连选,反选(按下Ctrl 使用鼠标单击)等功能。

YII框架自带了这种标签的生成方法,即著名的小物件。调用代码如下

$form->field($model, 'type')->dropDownList($list,array('size'=>5,'multiple'=>'multiple'))->label(false);

这样就能把属性或者样式等传参传进去,然后生成的效果是:
  1. <select id="user-type" class="form-control" name="select_val[]" multiple="multiple" size="5">
  2.     <option value="1">test</option>
  3.     <option value="2">test2</option>
  4. </select>
复制代码
 
然后就可以多选了,当你选择多个以后,使用jquery获取选中的值的时候 会得到一个数组。例如 $("#标签id").val() 得到一个数组 ["1", "2"]

然后当你想反向绑定,通过获取的多个值,让select选中的话 可以这样赋值 $("#标签id").val(["1", "2"]); (责任编辑:sengeadmin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片