html5 使用 datalist 问题 5C

想使用datalist 自动补全
option 比较多 有3000多个 IE没什么问题 google比较卡

然后想用 ajax动态更新option
但是 google 在执行完append方法后 会崩溃

求大神 怎么解决这个问题啊

0

3个回答

不卡啊 你是不是执行了多次更新 每次更新前没有清空option

0
sinat_38913556
sinat_38913556 回复chx1280: label属性里面的信息大概有几十个字符串长度 和这个有关吗
大约一年之前 回复
chx1280
chx1280 回复sinat_38913556: 我试了不卡啊 页面加载的时候append了5000个option
大约一年之前 回复
sinat_38913556
sinat_38913556 回复sinat_38913556: 如果不提前写死 用ajax 动态更新 但是一执行append方法 谷歌会崩溃
大约一年之前 回复
sinat_38913556
sinat_38913556 IE卡顿 不明显 谷歌特别卡 3900个option
大约一年之前 回复

不卡,可以贴出你append的代码来分析西

0
sinat_38913556
sinat_38913556 我在下面贴了代码
大约一年之前 回复

        $(function () {
            $("#equipmentNo").keyup(function () {

                $("#dl1").empty();

                $.ajax({
                    url: "/GZ/MachInfo?eno=" + $("#equipmentNo").val(),
                    type: "get",
                    dataType: "json",
                    success: function (result) {
                        var dataObj = result;
                        $.each(dataObj, function (index, item) {
                            var con = "<option label='" + item.MachNO + "  " + item.MachType + "  " + item.MachNM + "' value='" + item.MachNO + "' />";
                            //alert(con);
                            $("#dl1").append(con);
                        });
                    },
                    error: function (result) {
                        alert("error");
                    }

                });
            });
        })

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
HTML5 datalist标签的使用
HTML 5 &amp;lt;datalist&amp;gt; 标签定义和用法&amp;lt;datalist&amp;gt;标签定义可选数据的列表。与input元素配合使用,就可以制作出输入值的下拉列表。当input输入框里输入信息时,根据敲进去的字母,自动显示一个提示下列列表。类似于使用百度、360搜索时的显示结果。例子&amp;lt;input id=&quot;myCar&quot; list=&quot;cars&quot; /&amp;gt; &amp;lt;datalist i...
html5 datalist标签的用法
html5 datalist标签的用法datalist介绍: datalist一般不会独行江湖,它需要与input标签的搭配使用,就像label标签与input标签搭配使用一样。既然与input标签搭配使用,那么这两个标签之间必定存在着“特殊的关系”,不然input与datalist就互不相认了,那么如何才能让他们建立起来这种关系呢?这个时候我们需要一个新的属性list(注意,不是for),lis
HTML5表单-表单元素-datalist
本课程主要讲解HTML5新出的知识点:视频和音频操作、制作建议的视频播放器、H5页面中如何实现拖放和排版、canvas画布的使用、内联svg图片格式、本地web数据的存储、表单新增的H5的属性和实战讲解。
datalist的ItemTemplate使用的问题
rn <%# Eval("showname")%>rn rn " />rnrn<%# Eval("showname")%>能用rn为什么<%# Eval("picture")%>就说 rn The server tag is not well formed.rnrn应该怎么用啊rn还有如果我想在cs代码中使用showname这些字段的内容该怎么做
DataList控件的使用问题
在aspx我怎么用vb.net让datalist控件中一项邦定的数据rnrn比如 hhhhhhhhhhhhhhhhhhrn显示为 hhhhhhhhhhhh..........
datalist的使用问题
datalist绑定的数据库表的class_id是整型,但我想在datalist里显示字符串,就是判断,如果绑定的数据等于1,就显示“***” ,如果是2就显示另外的信息rnrn
DataList 使用模板问题
一、DataList用于显示留言版内容,我在DataList编辑模板中放了一个RadioButtonList,有两个选项(隐藏、显示),怎么绑定它就能实现:如果数据库是0,隐藏就被选种,数据库是1,显示就被选择。rnrnrn二、DataList模版加了个BUTTON 用于删除记录,我点这个删除按纽怎么获取要删除记录的ID呢?
html5 input datalist 制作自动补全功能问题
问题:通过ajax调用服务api返回后修改datalist内容,但是显示的内容和理想内容不一致,不清楚具体问题何在...rnrn自己分析了一下 可能原因是 ajax返回需要时间,但是datalist在返回前就已经显示了--如果是这样那就需要在ajax修改了datalist后,显示补全内容,尝试了一下.focus()方法,失败了rnrn代码如下,请前辈帮忙看看,谢谢~rn rn rn rn rn rn rn rn rn rnrn
datalist使用问题
我想用datalist做一个功能列表的东东,不知怎么实现,哪个有经验,请赐教。。。。。
html5:新增的datalist列表标签
1.可用性:datalist:可选择可输入的列表(比select下拉列表方便,只能) 2.使用: input 元素的 list 属性来绑定 datalist。 代码:<!DOCTYPE HTML> <html> <body> <input list="cars" /> <datalist id="cars"> <option value="BMW"> <option value=
HTML5新控件 - 输入框输入提示<datalist>
新的<datalist>元素让你可以在普通文本框中添加一个下拉提示列表。你可以选择输入,也可以自由输入(输入的同时,下方会自动显示出匹配的建议项)。支持的浏览器:Chrome,Firefox,Opera,新版IE(从IE10开始) 不支持的浏览器:Safari,旧版本IE(包括IE9)使用方式:<datalist>需要和<input>配合使用。<datalist>是完全不可见的,将其放在页面任意位
html5中datalist简单用法
学习前端半个月了,越来越觉得前端太有趣了,今后将在博文中记录自己学习的点滴,毕竟好记性不如烂笔头嘛。 最近做东西需要邮箱补全,接触到datalist,觉得蛮好用的。datalist是需要与input标签配合使用,可以用在输入推荐,邮箱补全等场合。下面将简单记录相关用法。 1.用在输入推荐上: 请输入您最喜欢的科目: datalist的i
html5 带模糊查询的datalist标签
&amp;lt;input type=&quot;text&quot; list=&quot;car&quot; /&amp;gt;  &amp;lt;!--普通输入框,通过list属性绑定数据列表--&amp;gt;     &amp;lt;datalist id=&quot;car&quot;&amp;gt;    &amp;lt;!--数据列表标签--&amp;gt;         &amp;lt;option&amp;gt;1宝马&amp;lt;/option&amp;gt;   &amp;lt;
求助, html5 datalist 动态添加option.
如题 , 想ajax返回数据, JS绑定数据到datalist . 用了 rn var arr = ["A3","A4","Java",”Net“,”php“,”C++“,”PS“]; rn $("#mylist option").add(arr[i]);rn $("#mylist option").push(arr[i]);rn $("#mylist").attr("option",arr[i]);rn这三种 ,都不行 . 求教。
DataList 的使用
我要用DataList给下面这张表绑数据rnrn rn rn 内容rn rn 内容rn rn 内容rn rn rn 内容rn rn 内容rn rn 内容rn rn rn 内容rn rn 内容rn rn 内容rn rn rnrnrnrn rn <%# Convert.ToString(DataBinder.Eval(Container.DataItem, "showTitle")).Length > 18 ? Convert.ToString(DataBinder.Eval(Container.DataItem, "showTitle")).Substring(0, 17) + "..." : DataBinder.Eval(Container.DataItem, "showTitle")%>rn rn rn rn rnrnrn这样绑 每项后面都会有个 rn但我只想让每行的交替项为 请问要怎么做?
DataList使用
DataList控件 里面有一个ImageButton控件 rnDataTable 里面只有一个字段放的是Urlrn我现在要把这DataTable 里的Url动态加到DataList里的ImageButton控件 rnrn怎么实现啊,rn求救高手
datalist使用
谢谢,提供一个datalist使用得例子
DataList的使用
Android开发中常用的控件DataList的详细使用方法讲解,很实用,对Android开发初学者很有帮助
使用HTML5的问题
我是用的是Xampp建站软件,安装后,一下代码放在我一个PHP文件里面:rn[code=HTML]rnrnrnrn rn rn rnYour browser does not support the audio tag.rnrnrnrnrn[/code]rnrn然后运行显示:rnObject not found!rnThe requested URL was not found on this server. If you entered the URL manually please check your spelling and try again.rnrnIf you think this is a server error, please contact the webmaster.rnrnError 404rnrnlocalhostrn2010/10/31 20:55:00rnApache/2.2.12 (Win32) DAV/2 mod_ssl/2.2.12 OpenSSL/0.9.8k mod_autoindex_color PHP/5.3.0 mod_perl/2.0.4 Perl/v5.10.0rnrnrn请问这个是什么问题啊,我已经在htdocs文件夹上放了那个mp3文件了,为什么会出现这种问题?rn是不是Xampp的Apache不支持HTML5啊?
datalist嵌套datalist问题
我想要一个rn如下:rn---------------|rn|大datalist |rn|---------- |rn|嵌套datalist |rn|111 111 111 |rn|222 222 222 |rn|333 333 333 |rn这样的功能用嵌套datalist怎么实现
datalist 嵌套 datalist 的问题
datalist 嵌套 datalist 运行后,在在第二级datalist 生成了这样一个ID值,rn rn .....rnrnrn,请问这个ID值可以自定义的吗?我想在客户端用js执行一些操作,这种自动生成的ID值不太方便,大家有什么方法?
DataList嵌套datalist的问题
请大虾帮忙吧rn rn rn rn rn 原始值rn 目标值rn rn rn rn rnrn就是DataList1 中嵌套了DataList2,DataList2里面包含两个文本框。rn现在需要取两个文本框的值rn可是我不知道怎么写循环才可以取值呢。rnrn我要将取到的值放到DataTable。rn
datalist嵌套datalist的问题
请问有人做过datalistA嵌套datalistB的示例吗? datalistB中加入checkbox,能取出checkbox中对应的值
关于使用datalist的一个问题
我在datalist里面绑定了一些控件,如radiobutton,checkbox和textbox,rn但是在使用的时候却无法得到这些控件的一些相关值,rnradio和check的checked始终为false,不管我是否选择,rntextbox的text值也是空的rn但是可以得到radio和checkbox的text值。rn那位能解决这个问题,多多给分。
关于使用datalist绑定的问题
我想在一个公司主页的一个小小的框架显示一下公司的简介,但是公司简介有1000多字,所以我想用这种形式显示出来rn[img=http://photo.16feng.com/FileServer/servlet/GetImg?id=3923879017193945188.jpg][/img]rn就是在这个datalist中显示前50字左右,然后右下角有个“查看全部”这样的按钮,意思就大概是这样。rn谢谢,会的解决一下。
使用datalist后table问题
rn rn rn rn [/color]rn rn rn rn [color=#FF0000] rn rn rn rn 。。。。。rn在编译生产网页后查看源代码,会发现变成rn rn rn rn rn rn rn [color=#FF0000] [/color] rn rn rn rn rn rn rn rn rn rn 。。。rn请问如何去掉[color=#FF0000] [/color]
在DataList中使用ImageButton的问题
在DataList中使用ImageButton(一个动态的图片导航),怎么让用户点击ImageButton以后页面就跳转到另一个页面?(最好能开新的窗口)rn我试了一下ImageButton的Onclick方法,好象不能实现
关于一个使用DataList问题
我在DataList控件的ItemTemplate里添加了一个Lable,我想通过对Lable进行赋值来显示他的Text的内容,那么这个代码该怎么写?谢谢指教。
请教DataList使用的问题,谢谢!
点击Datalist,我想取的Datalist里某一列数据的值,请问如何写代码?
DataList,Repeater组合使用问题?
现在有两个嵌套的DataList,有没有办法从内层的DataList控件的ItemDataBind事件中得到自身的引用?
请问一个使用DataList的问题!
我在DataList模板里添加了一个CheckBox,我想让CheckBox被选中后,相应表格的数据写进另一个数据表里,请问这要怎样去做呢?
关于datalist控件的使用问题
我在每次使用datalist控件中的AlternatingItemTemplate时都会少一行数据(如:理论上应该显示4条数据实际上只显示2条数据),每隔一条数据就缺少一条数据,不使用AlternatingItemTemplate就不会有什么问题,rn有知道是什么原因吗??
DataList和DataGrid嵌套使用问题
在一个DataList里嵌套一个DataGrid,数据库用的是ORACLErn编译是通过的,一浏览ASPX就提示:rn编译错误 rn编译器错误信息: CS0118: “System.Data.DataRowView”表示“类”,此处应为“变量”rnrnASPX代码:rn rn rn rn rn rn <%#DataBinder.Eval(Container.DataItem,"cardTypeName")%>rn rn rn ">rn rn rn rn rn rn rn rn rn rn rn rn rn rnCS代码:rnrn public class CardTypeShow : System.Web.UI.Pagern rn protected System.Web.UI.WebControls.DataList ParentDataList;rn protected System.Data.DataSet objDs;rn protected string listCout;rn rn private void Page_Load(object sender, System.EventArgs e)rn rn // 在此处放置用户代码以初始化页面rn listCout="10";rn objDs=new DataSet();rn GetDate();rn ParentDataList.DataSource=objDs.Tables["cardname"].DefaultView;rn ParentDataList.DataBind();rn rn #region Web 窗体设计器生成的代码rn override protected void OnInit(EventArgs e)rn rn //rn // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。rn //rn InitializeComponent();rn base.OnInit(e);rn rn rn /// rn /// 设计器支持所需的方法 - 不要使用代码编辑器修改rn /// 此方法的内容。rn /// rn private void InitializeComponent()rn rn this.ParentDataList.ItemDataBound += new System.Web.UI.WebControls.DataListItemEventHandler(this.ParentDataList_ItemDataBound);rn this.Load += new System.EventHandler(this.Page_Load);rnrn rn #endregionrnrn private void GetDate()rn rn DatabasePool datepool=new DatabasePool();rnrn string sSql = "select * from ( select * from vbcardtype) where rownum<"+listCout;rn OracleDataAdapter objAdapter=new OracleDataAdapter(sSql,datepool.Open());rn objAdapter.Fill(objDs,"cardname");rn sSql="select * from vbcardsubtype where cardtypeid in ";rn sSql+=" (select * from ( select cardtypeid from vbcardtype) where rownum<"+listCout+")";rn objAdapter.SelectCommand.CommandText=sSql;rn objAdapter.Fill(objDs,"cardlist");rn datepool.Close();rn datepool.Dispose();rn DataColumn Parent = objDs.Tables["cardname"].Columns["cardTypeID"];rn DataColumn Child = objDs.Tables["cardlist"].Columns["cardTypeID"];rn objDs.Relations.Add("CardTypeRelation",Parent,Child);rn rnrn private void ParentDataList_ItemDataBound(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)rn rn rn rn///////////////////rnrn那位大哥能告诉我是那里写的不对
datalist配合checkbox使用的问题
rn rn rn rn rn rn rnrnrn如何在点击后,它后面相对应的为选中的状态
很菜的问题,关于Datalist的使用
本人很菜,刚学asp。net,datalist控件搞了半天,很不知道它怎么用,查资料好像都是html代码,很烦,我想通过图形界面的操作完成初始化,及数据绑定,不过cs的也行,就是怕html代码:),哪位仁兄能帮我找的一步一步完成datalist操作的资料啊??包含在实例中的最好,不过最好例子短一点,先谢了,很无奈啊!老板要搞bs构架的
datalist使用中的奇怪问题
程序中使用datalist绑定了数据,并在每行数据后有一个button按钮,在数据绑定过程中根据前面绑定的某个字段的值决定按钮的显示或隐藏,datalist的和中有列表头,奇怪的是我在DataList的ItemDataBound事件中写上这样的语句却会报错: ((Button)e.Item.FindControl("Button1")).Visible = falsern提示:未将对象引用设置到对象的实例。可是只要将和这两段整个删除,程序就可以正常运行了。但是和却又是必须要的,请问这是怎么回事?
datalist中使用 RadioButton问题
在datalist 中使用 RadioButton,想实现的效果:rn把数据库中的5条记录显示出来,进行单选,现在显示出来了,但出现的问题是不可以单选,每行的name会自动取名,使几个RadioButton不是同一组的:rnrnrnrn增么处理阿?各位帮忙!
datalist嵌套datalist 内嵌datalist 的删除问题?
如何得到内嵌datalist的keyID呢? rn内嵌datalist 的项如何删除呢? rnrnrnrnrn protected void DataList1_ItemCommand(object source, DataListCommandEventArgs e)rn rn if (e.CommandName == "delclass")rn rn int id = (int)DataList1.DataKeys[e.Item.ItemIndex];rn string sql = "delete from type where id=" + id;rn mssql.Dsql(sql);rn Bind();rn rn rn上面是第一层datalist 的删除事件rnrn我要如何用同样的方法删除里层的datalist数据呢rnrnrnrn请大家帮忙了 rn
HTML5 数据列表标签(datalist),下拉列表提示框
demo.html:&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Document&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; body { text-align: center
DataList:HTML5中的input输入框自动提示宝器
DataList的作用是在你往input输入框里输入信息时,根据你敲进去的字母,自动显示一个提示下列列表,很像百度或谷歌的搜索框的自动提示,在飞机票火车票的搜索页面上也有这样的效果。它是HTML5里新增的一个非常有用的元素。   DataList的表现很像是一个Select下拉列表,但它只是提示作用,并不限制用户在input输入框里输入什么。 HTML5 Datalist的语法其实跟sel...
相关热词 c# 线程顺序 c#昨天当前时间 c# 多进程 锁 c#mysql图片存取 c# ocx 委托事件 c# 读取类的属性和值 c# out 使用限制 c#获取url的id c#怎么进行分页查询 c# update 集合