select2的输入可下拉(modal框)--gxy

2024-01-21 11:30
文章标签 输入 modal select2 gxy 可下

本文主要是介绍select2的输入可下拉(modal框)--gxy,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

html:

<div class="form-group col-md-6 spanBox"><span>顾客名字</span><input type="text" name="usename" id="cunameValue" val="" style="display: none;"/><select id="cusName"  data-placeholder="请输入顾客姓名" style="width:45%;" name="usename" class="form-control select2" onchange="getValue(this)"></select></div>

js:

$(function () {/在模态框中使用select2,这句话是必须的$.fn.modal.Constructor.prototype.enforceFocus = function () { }//初始化客户输入框searchUserName();
}//根据输入名称查询,必须在二个字符以上时才开始进行查询工作function searchUserName(){var mainInput = $('#cusName');mainInput.empty();mainInput.select2({placeholder:'请选择',allowClear:true,ajax: {url:  CONSTANT_SETTING.DOMAIN + "/importantCustomer/queryInfoByName",dataType: 'json',type : 'get',delay: 250,cache: true,minimumInputLength : 2,//最小需要输入多少个字符才进行查询data: function (params) {return {customerName: params.term, //输入框输入的值access_token: getAccessToken(),factoryId : selectedfactory};},processResults: function (res) {//返回的数据拼接显示在前端下拉框里var pojo = res.data;var result = [];if(res.success && pojo.length>0){for(var i =0;i<pojo.length;i++){var po = pojo[i];result.push({'id':po.id,'text':po.customername+"("+po.phonename+")"});}}return {results: result};}}});}

再根据查询出来的ID再查询信息然后再赋值其他标签中去:
(这步我老觉得一定有什么方法可以把上步已经查询出来的实体类信息在这里复用。求各位大神指点?欢迎下方评论指点,我会实时关注,谢谢!)

function getValue(t){var id = t.value;$.ajax({type : 'get',url :  CONSTANT_SETTING.DOMAIN + "/importantCustomer/queryInfoById",dataType : 'json',async: false,data : {id : id,access_token: getAccessToken()},success : function(res){if(res.success){var pojo = res.data.bcm;$('#cusName').next().find('span').find('span').text(pojo.customername);$('#cunameValue').val(pojo.customername);$('#cusPhone').val(pojo.phonename);$('#cusRank').val(pojo.joblevel);$('#cusHobby').val(pojo.hobby);$('#marketType').val(pojo.belongmarket);$('#companyType').val(pojo.belongcompany);$('#userBirth').val(pojo.birthday);$('#birthHabit').val(pojo.borthdayhabit);$('#familyMber').val(pojo.homemate);$('#userTaboo').val(pojo.selftaboo);}else{}} });}

效果图:

选择以后会自动把后面的电话隐藏掉

选择以后会自动把后面的电话隐藏掉

这篇关于select2的输入可下拉(modal框)--gxy的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/629373

相关文章

【测试】输入正确用户名和密码,点击登录没有响应的可能性原因

目录 一、前端问题 1. 界面交互问题 2. 输入数据校验问题 二、网络问题 1. 网络连接中断 2. 代理设置问题 三、后端问题 1. 服务器故障 2. 数据库问题 3. 权限问题: 四、其他问题 1. 缓存问题 2. 第三方服务问题 3. 配置问题 一、前端问题 1. 界面交互问题 登录按钮的点击事件未正确绑定,导致点击后无法触发登录操作。 页面可能存在

解决Office Word不能切换中文输入

我们在使用WORD的时可能会经常碰到WORD中无法输入中文的情况。因为,虽然我们安装了搜狗输入法,但是到我们在WORD中使用搜狗的输入法的切换中英文的按键的时候会发现根本没有效果,无法将输入法切换成中文的。下面我就介绍一下如何在WORD中把搜狗输入法切换到中文。

当你输入一个网址后都发生什么

原文:http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/  作为一个软件开发者,你一定会对网络应用如何工作有一个完整的层次化的认知,同样这里也包括这些应用所用到的技术:像浏览器,HTTP,HTML,网络服务器,需求处理等等。 本文将更深入的研究当你输入一个网址的时候,后台到底发生了一件件什么样的事~

在 Qt Creator 中,输入 /** 并按下Enter可以自动生成 Doxygen 风格的注释

在 Qt Creator 中,当你输入 /** 时,确实会自动补全标准的 Doxygen 风格注释。这是因为 Qt Creator 支持 Doxygen 以及类似的文档注释风格,并且提供了代码自动补全功能。 以下是如何在 Qt Creator 中使用和显示这些注释标记的步骤: 1. 自动补全 Doxygen 风格注释 在 Qt Creator 中,你可以这样操作: 在你的代码中,将光标放在

【Markdown】输入空格方式

文章目录 1.nbsp2. ensp3. emsp4.thinsp5. zwnj6. zwj7. 其它 1.nbsp &nbsp;为“不换行空格”,全称“No-Break Space”,它是最常见和我们使用最多的空格,大多数的人可能只接触了 ,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,该

兔子--EditText去除下划线和输入字母和数字的限制

在设置密码输入框的时候,只允许输入数字和字母,设置如下属性:  android:digits="0123456789abcdefghigklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ" 设置密码不可见(显示小黑点),并去除edittext的获取到焦点时候的下划线, 设置如下:

回归预测 | MATLAB实现PSO-LSTM(粒子群优化长短期记忆神经网络)多输入单输出

回归预测 | MATLAB实现PSO-LSTM(粒子群优化长短期记忆神经网络)多输入单输出 目录 回归预测 | MATLAB实现PSO-LSTM(粒子群优化长短期记忆神经网络)多输入单输出预测效果基本介绍模型介绍PSO模型LSTM模型PSO-LSTM模型 程序设计参考资料致谢 预测效果 Matlab实现PSO-LSTM多变量回归预测 1.input和outpu

java AWT ImageIO(输入/输出位图)

ImageIO可以访问磁盘上的位图文件,如GIF,JPG等格式图片。 ImageIO利用ImageReader和ImageWriter读写图形文件。 ImageIO类并不支持读写全部格式的图形文件,程序可以通过ImageIO类的如下几个静态方法来访问该类所支持读写的图形文件格式。 static String[] getReaderFileSuffixes():返回一个String数组,该数组

java 输入/输出流(I/O流)

java输入/输出流在java.io包中,所有的输入流都是抽象类InputStream(字节输入流) 或 抽象类Reader(字符输入流)的子类。所有的输出流都是抽象类OutputStream(字节输出流) 或 抽象类Writer(字符输出流)的子类。 输入流: InputStream类是字节输入流的抽象类,是所有字节输入流的父类。该类中的所有方法遇到错误时都会引发IOException异

STM32单片机HAL库——ADC输入

一、单通道采集 二、单通道+DMA采集 使能DMA 三、定时器采集+DMA传输 选择定时器1的通道1作为触发源,在TIM1的上升沿进行采集 定时器1挂载在APB2上面,APB2上定时器的频率为168MHZ psc=168-1 arr=1000-1 TIM1的时钟频率为168/168/1000=1kHZ pulse设置为500,占空比为50%