不知道怎么描述,就是有两个select下拉,做成文本域那样的,可以从一侧的结果集中选择值,添加到另一侧中;另一侧删掉后,值又重新到结果集那边了。直接看范例演示吧,相信你以前后者以后会用到的!
不多说了,上代码:
<body>
<input type="hidden" name="car_type" value="" id="car_type_val" /><br/>
<select multiple="multiple" style="min-width:200px; min-height:80px;" id="car_type">
</select><>
<select multiple="multiple" style="min-width:200px; min-height:80px;" id="car_type_list">
<option value="2014森林人系列">2014森林人系列</option>
<option value="2014傲虎系列">2014傲虎系列</option>
<option value="2014力狮系列">2014力狮系列</option>
<option value="2014XV系列">2014XV系列</option>
<option value="WRX STI">WRX STI</option>
<option value="SUBARU BRZ">SUBARU BRZ</option>
<option value="TRIBECA">TRIBECA</option>
</select>
</body>
</html>
其中“<input type="hidden" name="car_type" value="" id="car_type_val" />”这个的作用相当于是一个容器,提交表单的时候可以传值。到接收值的页面,用相应的语言,比如php,就用explode函数,以“@”为分界分割成一个数组。
您可能想查找下面的文章:
- jquery Ajax实现Select动态添加数据
- jQuery插件imgAreaSelect基础讲解
- jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
- jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
- jQuery Validate 无法验证 chosen-select元素的解决方法
- jQuery实现select下拉框获取当前选中文本、值、索引
- jQuery Tree Multiselect使用详解
- jQuery实现Select下拉列表进行状态选择功能
- jQuery动态产生select option下拉列表
- JavaScript实现向select下拉框中添加和删除元素的方法