在系统表单设计中经常用到下拉复选框，下拉复选列表用于展示可选标签，并允许用户选择多个标签，那么该如何利用Axure RP9制作一个下拉复选框呢？本文总结了设计过程的所需元件和整体思路，通过对关键步骤的讲解，希望对你有所帮助。
2024-03-04 12:56:10
142KB
1
小程序中是没有h5中的下拉 标签的 所以要实现下拉功能就必须自己动手写拉
这里为了更清楚的显示层级 就把源码直接复制过来了
商品金额
￥99.00
<!--下拉框 -->
{{tihuoWay}}
<image style='height:20rpx;width:20rpx;' src=
2023-10-13 10:31:12
55KB
1
js代码
[removed][removed]
[removed]
$('.form-control-chosen').chosen({
allow_single_deselect: true,
width: '100%'
});
$('.form-control-chosen-required').chosen({
allow_single_deselect: false,
width: '100%'
});
$('.form-control-chosen-search-threshold-100').chosen({
allow_single_deselect: true,
disable_search_threshold: 100,
width: '100%'
});
$('.form-control-chosen-optgroup').chosen({
width: '100%'
});
$(function() {
$('[title="clickable_optgroup"]').addClass('chosen-container-optgroup-clickable');
});
$(document).on('click', '[title="clickable_optgroup"] .group-result', function() {
var unselected = $(this).nextUntil('.group-result').not('.result-selected');
if(unselected.length) {
unselected.trigger('mouseup');
} else {
$(this).nextUntil('.group-result').each(function() {
$('a.search-choice-close[data-option-array-index="' $(this).data('option-array-index') '"]').trigger('click');
});
}
});
[removed]
2023-01-10 09:48:16
68KB
1
这是一款效果超赞的jQuery和css3 select下拉列表框美化插件。该下拉列表美化插件没有使用图片，纯css和一点jQurey打造。共有5中不同的select下拉列表框效果。
2022-11-11 23:54:05
258KB
1
select下拉菜单显示文字属于很正常的事情，但是显示图片，这样的代码就少见了吧，今天懒人之家给大家推荐的就是显示图片的select特效
2022-09-10 02:20:16
92KB
1
一个带下拉模糊搜索的select，替换下拉内容后即可直接使用，只需要把对应文件放到指定文件夹中引用即可
2022-08-26 16:38:32
7KB
1