<form action="" id="star_f_search" method="GET">
<input type="hidden" id="region_val" name="region_val" value="4|2">
<input type="hidden" id="con_val" name="con_val" value="3|8|4|5|7">
<input type="hidden" id="char_val" name="char_val" value="G|H|K">
</form>
<div id="star_region" class="item">
<a v="1" href="javascript:;">内地</a>
<a v="2" style="color:rgb(33, 110, 201)" href="javascript:;">港台</a>
<a v="3" href="javascript:;">亚洲</a>
<a v="4" style="color:rgb(33, 110, 201)" href="javascript:;">欧美</a>
<a v="5" href="javascript:;">其它</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#star_region a").bind('click',function(){
checkSelectVal($("#region_val"),$(this));
});
})
function checkSelectVal(obj,selectObj){
var temp = obj.val();
var val = selectObj.attr('v');
var field = new Array();
if(temp == ''){
obj.val(val);
selectObj.css('color','rgb(33, 110, 201)');
}else{
field = temp.split('|');
var mark = -1;
for(var key in field){
if(field[key] == val){
mark = key;break;
}
}
if(mark != -1){
field.splice(key, 1);
selectObj.css('color','');
}else{
field.push(val);
selectObj.css('color','rgb(33, 110, 201)');
}
var str = field.join('|');
obj.val(str);
}
}
</script>
分享到:
相关推荐
jQuery下拉复选菜单,可实现多选全选功能,并提供下拉框内实时搜索
select下拉框支持条件搜索,并可多选!支持颜色和父级目录设置(css)中
uniapp/h5通用模糊下拉搜索下拉多选框; 使用步骤: 1、下载资源包,并进行解压; 2、将components文件夹中的文件拷贝到自己项目的components文件夹中; 3、在业务文件夹中引用组件multipleDataPickey,使用实例如...
前端select下拉框带搜索,多选,反选
gitTest_checkbox_list-JS 基本组件-多选列表框JS实现 ------- (搜索)未完成
自写的一个能进行 模糊查询+多选的下拉框(select) 本人亲测,肯定符合你的要求
bootstrap下拉框搜索多选 angular下拉框搜索多选 两套程序
具有Vue.js嵌套选项的多选组件 产品特点 支持嵌套选项的单选和多选 模糊匹配 异步搜索 延迟加载(仅在需要时加载深度选项的数据) 键盘支持(使用上箭头和下箭头键进行导航,使用Enter键选择选项,等等) 丰富的...
bootstrap-select下拉选择搜索框,可以多选和单选,用法非常简单,样式美观,项目中经常会使用到,特别选项过多的时候,欢迎大家下载使用
xm-select.js 在layui的基础上,把select选择框可更改为多选框,并可进行搜索、筛选值。下拉框内容可物理分页配置、自定义搜索模式(远程搜索)。 存在layui时, 同样也能直接使用xmSelect, 不用必须layui.xmSelect。...
下拉框(select),可以多选,带有分组搜索功能
代码简介:mootools分页多选搜索部件是一款可以实现多项同时选择,并且可以根据条件过滤选项,选项过多时可以自动分页显示。
一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。
Selectator是一款实现多选和搜索过滤功能的jQuery下拉列表框插件。通过该下拉列表框插件可以多选项进行分组,设置选项的图标,对选项进行搜索过滤,以及进行多选选择。
jQuery下拉框菜单多选插件是一款带搜索的下拉框多选,下拉框验证,模拟select下拉框多选菜单效果代码。
分享一个非常实用的jQuery插件,它不仅可以让你自定义浏览器的select下拉框样式,而且支持下拉选项的分组、多选和搜索,同时你可以设置最多选择项的数量,如果数量超出了select预定义的宽度,会自动显示数量信息,...
jQuery自定义下拉分类多选代码是一款基于jQuery Select制作的下拉框插件自定义下拉分类菜单,多选分类搜索功能代码。
layui的多选下拉框可以使用 xm-select 插件实现,同时可使用以下相关js属性 - prop 设置显示和存储值的字段 - tips 提示信息 - lay-verify 校验规则 - lay-search 搜索功能 - max 最大选择数。 解压后-dist文件夹...
mootools分页多选搜索部件
本资源是下拉多选,可以兼备多选,搜索,创建,等等,js调用