bootstrap 联想下拉框

偏执的太偏执、 2021-10-08 06:38 401阅读 0赞

<div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">
                                模具编号
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <select class="select2_group form-control" id="mouldCode" name="mouldCode">
                                </select>
                            </div>
                        </div>

function getMouldList() {
    	    $.ajax({
    	        type: 'POST',
    	        url: '/mouldInfo/listAllMouldCode',
    	        success: function(data) {
    	            var code3;
    	            for (var a=0;a<data.length;a++) {
    	
    	                var dataContent = data[a];
    	                if (dataContent == mouldCode) {
    	
    	                    code3 = code3 + '<option selected="selected">' + data[a] + '</option>'
    	                }
    	                if (dataContent != mouldCode) {
    	
    	                    code3 = code3 + '<option>' + data[a] + '</option>'
    	                }
    	            }
    	            $('#mouldCode').empty().append(code3);
    	        }
    	
    	    });
    	}

$(document).ready(function(){
        	 $(".select2_single").select2({
    	          placeholder: "Select a state",
    	          allowClear: true
    	        });
    	        $(".select2_group").select2({});
    	        $(".select2_multiple").select2({
    	          maximumSelectionLength: 4,
    	          placeholder: "With Max Selection limit 4",
    	          allowClear: true
    	       });
    	        getMouldList();
         });

![Center][]

[Center]: /images/20211008/bbe6369d766146dd9dfe948694870fb3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，401人围观）

还没有评论，来说两句吧...

相关阅读

相关 Bootstrap下拉菜单

dropdown 类用来指定一个下拉菜单；使用一个按钮或链接来打开下拉菜单，按钮或链接需要添加 .dropdown-toggle 和 data-toggle=“drop

亦凉/ 2023年09月24日 16:57/ 0 赞/ 95 阅读

相关 jQuery插件-搜索下拉框bootstrap-select

我主要是使用 `bootstrap-select` 插件的搜索下拉框的功能先看看效果 ![在这里插入图片描述][20200729131355125.gif] 使用

朱雀/ 2023年03月02日 13:10/ 0 赞/ 13 阅读

相关小程序的模糊联想搜索，下拉框选择

![在这里插入图片描述][20200828191907503.gif_pic_center] [github地址 https://github.com/pretty-git

偏执的太偏执、/ 2022年12月02日 00:59/ 0 赞/ 202 阅读

相关插件介绍：Bootstrap 下拉多选框插件Bootstrap Multiselect

官方文档:[http://davidstutz.github.io/bootstrap-multiselect/][http_davidstutz.github.io_boot

爱被打了一巴掌/ 2022年07月11日 09:12/ 0 赞/ 389 阅读

相关 bootstrap下拉

aria-label 正常情况下，form表单的input组件都有对应的label.当input组件获取到焦点时，屏幕阅读器会读出相应的label里的文本。如：

灰太狼/ 2022年06月04日 10:05/ 0 赞/ 220 阅读

相关 bootstrap-select插件实现下拉框搜索功能

工作上要用到在下拉框内实现搜索功能，原生的select标签是不能输入的，所以最终找到了bootstrap-select插件，功能十分强大，支持搜索，多选，分组选中等。本文摘

╰半夏微凉°/ 2022年05月12日 11:06/ 0 赞/ 629 阅读

相关 bootstrap下拉菜单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

亦凉/ 2022年01月14日 14:01/ 0 赞/ 376 阅读

相关下拉框

1.jsp: <select class=" z9" name="sstage" id="sstage"> <c:forEach items="$\{sstagelis

比眉伴天荒/ 2021年11月23日 03:28/ 0 赞/ 489 阅读

相关 bootstrap selectpicker控件select下拉框动态

刚开始接触前端,对前端框架很多组件不熟,开始一点一点记录 selectpicker使用方法如下 1、首先需要引入的css和js： > bootstrap.css

末蓝、/ 2021年11月10日 05:38/ 0 赞/ 797 阅读

相关 bootstrap 联想下拉框

<div class="form-group"> <label class="control-label col

偏执的太偏执、/ 2021年10月08日 06:38/ 0 赞/ 402 阅读