SharePoint列表下拉框优化
由于SharePoint列表的下拉框不能搜索,
客户使用体验非常不好,花了一天时间封装了JS代码,实际效果图如下
(在SharePoint列表上面自动生成文本框,类似百度形式搜索下拉框内容,选择之后下拉框自动选中文本框选择的内容)
实际代码
只需要在列表页加入以下JS代码即可。添加引用,百度搜索autocomplete即可
【HECDepartment】和【OADepartment】为下拉框内部名称。需要改动这两个即可使用
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
<link href="jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script src="jquery.autocomplete.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var selects = document.getElementsByTagName("select");
$.each(selects, function() {
if($(this).attr("title")=="HECDepartment")
{
$(this).parent().parent().parent().before("<tr><td></td><td><input type=\"text\" id=\"txtHECKey\" style=\"width:535px;\" /><td></tr>");
var selValue = []; // 定义一个空数组用于接收select下option所有的值
var select=$(this);
var options = $(this).find("option"); // select下所有的option
for(var i=1;i<options.length;i++ ){
selValue.push(options.eq(i).text());
}
$('#txtHECKey').autocomplete(selValue).result(function (event, data) {
for(var i=1;i<options.length;i++ ){
if(options.eq(i).text()==data)
{
select.val(options.eq(i).val());
}
}
})
}
else if($(this).attr("title")=="OADepartment")
{
$(this).parent().parent().parent().before("<tr><td></td><td><input type=\"text\" id=\"txtOAKey\" style=\"width:535px;\" /><td></tr>");
var selValue = []; // 定义一个空数组用于接收select下option所有的值
var select=$(this);
var options = $(this).find("option"); // select下所有的option
for(var i=1;i<options.length;i++ ){
selValue.push(options.eq(i).text());
}
$('#txtOAKey').autocomplete(selValue).result(function (event, data) {
for(var i=1;i<options.length;i++ ){
if(options.eq(i).text()==data)
{
select.val(options.eq(i).val());
}
}
})
}
})
})
</script>
<style type="text/css">
#txtKey
{ width:300px;}
</style>
转载于:https://www.cnblogs.com/dengyuxuan/p/5760447.html
SharePoint列表下拉框优化相关推荐
- 搜索引擎下拉食云速捷详细_下拉框优化才云速捷一流!下拉框优化虑云速捷豪杰...
现在不管做什么,都是需要流量,有了流量才能把自己手上的生意做好.不管是实体店微商,电商,还是互联网创业者,如果你拥有了流量,那么不管你选择去做什么产品,你都会一步到位,一飞冲天,实现自己的梦想.但是现 ...
- 关键词SEO相关搜索/下拉框/优化系统/按天扣费系统全开源
介绍: 关键词SEO相关搜索/下拉框/优化系统/按天扣费系统全开源 系统支持关键词相关搜索.下拉框优化点击搜索 支持:微信.宝.易宝 这个系统是对接第三方的,本身没有优化功能的 网盘下载地址: htt ...
- 今日头条下拉框优化,品牌联想词营销
今日头条下拉框优化,品牌联想词营销 什么是下拉框 下拉框营销又称联想词,当用户输入一个字或词,搜索引擎会智能匹配出相关流量最大的关键词,从而也提高了用户搜索效率. 百度的下拉框提供10个联想词展示位置 ...
- 走向云:京东下拉框优化,下拉词的原理是什么?
京东搜索下拉框优化可以说是京东品牌曝光成本最低.用户渠道推广的一大亮点.下拉框中品牌展示的位置更直观.在主搜索界面,被关键词搜索吸引的用户也是非常精准的用户,效果非常好. 顾名思义,搜索下拉列表是指在 ...
- 删除下拉框只找23火星软件_下拉框优化首选23火星软件
会员注册发帖 成功不是为了让周围的人都羡慕你,称赞你,而是让周围的人都需要你,离不开你,因害怕失败而不敢放手一搏,永远不会成功.动手成功,伸手落空.光说不干,事事落空:又说又干,马到成功大胆的尝试只等 ...
- 下拉框优化威zx78_下拉框优化应到千捷网络下拉系统
下拉词,是百度从网友的搜索词中筛选出搜索量较大的词条,整理分类,从而建立了百度联想词的词库,当用户输入搜索词就会被推荐. 所以下拉词词库是被搜索引擎收录整理,只要使用搜索引擎,无论在何处搜索引擎都会根 ...
- 下拉框优化威zx78_下拉词优化角操 大将军28
什么是百度下拉框 什么是百度下拉框?便是用户经过百度查找一个关键词,系统自动为用户引荐与这个关键词相关的长尾关键词,供用户挑选. 在这个微商产品盛行的时代,让更多人熟知,吸引消费者的眼球,打出自己产品 ...
- 下拉词如何做,百度阿里抖音京东下拉框优化有什么用?
现在不管做什么,都是需要流量,有了流量才能把自己手上的生意做好.不管是实体店,电商,还是互联网创业者,如果你拥有了流量,那么不管你选择去做什么产品,你都会一步到位,一飞冲天,实现自己的梦想.但是现在互 ...
- 抖音搜索下拉框优化原理和优势分析,抖音SEO,抖音搜索排名优化
很多平台都有下拉框这个功能,比如百度下拉,抖音下拉,头条下拉,神马下拉,UC下拉等等.这个下拉功能非常适合各个品牌,商家做品牌曝光以及推广引流.只要用户在平台搜索某个关键词的时候,就会在搜索框里面出现 ...
最新文章
- Python报错TypeError: Tuple or struct_time argument required
- 运行返回签名不正确_不正确运行废气治理RTO设备容易引起爆炸,注意事项有哪些?...
- BA-Alerton系统简介
- Java实现二分查找及其优化
- VMWare快捷键大全
- VTK:图表之MutableDirectedGraphToDirectedGraph
- Exchange端口列表
- react避免子组件渲染_如何与React一起使用正确的方法来避免一些常见的陷阱
- SCOM Rule 介绍 [SCOM中文系列之六]
- 十分漂亮的视频源码解析
- overflow-x和文字超出...显示
- git log根据特定条件查询日志并统计修改的代码行数
- bert之我见-attention
- echarts常用属性
- tpc-c 测试结果 tpc-c
- 复制文本到word中时产生底色的去除方法
- 数学分析-证明:单调有界数列必有极限
- 如何把 Node.js 嵌入自己的项目中
- vue首次加载生命周期
- XenApp/XenDesktop 7.11新功能
热门文章
- Android新手之旅(12) URL解码
- 一步一步回顾分析攻防演习中的 WebLogic T3 反序列化 0day 漏洞
- 思科决定将不修复路由器中的这70多个漏洞
- 详述 Discord Desktop app RCE 挖洞经过,最后得$5000 + $300 (含 PoC 视频)
- Android项目实战(三十一):异步下载apk文件并安装(非静默安装)
- 虚拟 ​router 原理分析- 每天5分钟玩转 OpenStack(101)
- UNIX环境高级编程(第三版)关于apue.h的用法
- SQL Sever 常用语句总结
- Windows2000、XP、2003系统万能Ghost全攻略
- MS SQL入门基础:管理触发器