如图,我想让每个名字占一行该怎么做

yghuaa 2014-01-17 04:10:24


在前端我已经获取了每个名字,但却无法将它显示出来
var innerdetail = unescape(xmlhttp.responseText),
txt = innerdetail.split(",");
for (i = 0; i < txt.length; i++) {
var opt = new Option();
opt.value = txt[i];
opt.text = txt[i];
var selobject = document.getElementById("keytishi");
selobject.innerHTML"<lu><li>"+txt[i]+"</li></lu><br/>"; }
要怎么修改呢
...全文
253 12 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
yghuaa 2014-01-17
  • 打赏
  • 举报
回复
引用 11 楼 MengYouXuanLv 的回复:

var txt = "aaaa,bbbb,cccc,dddd".split(",");
var html = "";
for (i = 0; i < txt.length; i++) {
html += "<li>" + txt[i] + "</li>";
}
var selobject = document.getElementById("keytishi");
selobject.innerHTML = "<ul>" + html + "</ul>";
selobject.style.display = "block";

按你的方法成功了!!,但是有一个问题我选择下拉选项的一个名字后,文本框内全部都写了进来,
并且是 undefined
<div id="keytishi" ondblclick="aa()"></div>
function aa() {
document.getElementById("keytishi").style.display = "none";
document.getElementById("search").value = document.getElementById("keytishi").value;
}
allali 2014-01-17
  • 打赏
  • 举报
回复

var txt = "aaaa,bbbb,cccc,dddd".split(",");
	var html = "";
	for (i = 0; i < txt.length; i++) {
		html += "<li>" + txt[i] + "</li>";				
	}
	var selobject = document.getElementById("keytishi");
	selobject.innerHTML = "<ul>" + html + "</ul>";
	selobject.style.display = "block";
yghuaa 2014-01-17
  • 打赏
  • 举报
回复
引用 7 楼 sossos555 的回复:
li的样式设置为块,并清除浮动,应该就可以了。 <li style="display:block; clear:both;"></li>
是这一句加上去吗 selobject.innerHTML="<ul><li style="display:block; clear:both;">"+txt[i]+"</li></ul><br/>"; 会报错,提示onkeyup="getKeyWord();"这个函数为定义
别闹腰不好 2014-01-17
  • 打赏
  • 举报
回复
#keytishi ul li{margin:0;list-style-type:none; line-height:16px; height:16px; font-size:12px; padding:2px;width:147px; }/**//*提示层样式*/
yghuaa 2014-01-17
  • 打赏
  • 举报
回复
引用 6 楼 u012463264 的回复:
selobject.innerHTML+"<ul><li>"+txt[i]+"</li></ul><br/>" 你是不是写错了 所以没换行啊
这个是笔误,不是这个原因呢
啾啾我 2014-01-17
  • 打赏
  • 举报
回复
li的样式设置为块,并清除浮动,应该就可以了。 <li style="display:block; clear:both;"></li>
别闹腰不好 2014-01-17
  • 打赏
  • 举报
回复
selobject.innerHTML+"<ul><li>"+txt[i]+"</li></ul><br/>" 你是不是写错了 所以没换行啊
yghuaa 2014-01-17
  • 打赏
  • 举报
回复
引用 2 楼 liuensong 的回复:
li加上宽度。
这个达不到我要的效果
yghuaa 2014-01-17
  • 打赏
  • 举报
回复
引用 1 楼 u012463264 的回复:
你这个框是下拉选矿吗
不是,这是一个自定义的<div> <style type="text/css"> #keytishi {width:151px; height:auto; border:#0066FF 1px solid; position:absolute; display:none;}/**//*提示层样式*/ #keytishi ul { margin:0;}/**//*提示层样式*/ #keytishi ul li{margin:0;list-style-type:none; line-height:16px; height:16px; font-size:12px; padding:2px;}/**//*提示层样式*/ #keytishi ul li a {display:block; width:150px; height:16px; text-decoration:none;}/**//*提示层样式*/ #keytishi ul li a:hover {background-color:#0099FF;}/**//*提示层样式*/ </style>
引用 3 楼 u012463264 的回复:
var innerdetail = unescape(xmlhttp.responseText), txt = innerdetail.split(","); for (i = 0; i < txt.length; i++) { var opt = new Option(); opt.value = txt[i]; opt.text = txt[i]; var selobject = document.getElementById("keytishi"); selobject.options.add(opt); }
运行的时候会报错 错误: 无法获取属性“add”的值: 对象为 null 或未定义
别闹腰不好 2014-01-17
  • 打赏
  • 举报
回复
var innerdetail = unescape(xmlhttp.responseText), txt = innerdetail.split(","); for (i = 0; i < txt.length; i++) { var opt = new Option(); opt.value = txt[i]; opt.text = txt[i]; var selobject = document.getElementById("keytishi"); selobject.options.add(opt); }
青鬆下的坚躯 2014-01-17
  • 打赏
  • 举报
回复
li加上宽度。
别闹腰不好 2014-01-17
  • 打赏
  • 举报
回复
你这个框是下拉选矿吗
资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 松下电工数字压力传感器用户手册详细介绍了DP-100系列数字压力传感器,涵盖其技术参数、操作方法及适用场景等,适用于各类需要精准压力测量的工业环境。 双屏显示:主屏与输出动作同步,可同时显示当前值和基准值,便于实时监控与调整。显示屏为12段字母数字显示,数字清晰易读。 三色指示:屏幕颜色随传感器状态变化(红、绿、橙),便于快速判断工作状态。 紧凑结构:尺寸仅□30mm,适合空间狭窄的安装环境。 多种操作模式:提供RUN模式(日常操作)、菜单设定模式(深入设置如输出模式切换)及PRO模式(高级功能如应差调整、复制设定)。 安全认证:DP-101(A)/102(A)型号通过特定认证,确保产品安全可靠。 复制功能:可通过数据通信将主传感器设定内容复制到其他传感器,减少人工设定错误,节省时间。 高性能传感:具备高精度,分辨率1/2,000,反应时间2.5ms(最长5,000ms可调),温度特性±0.5%F.S.,重复精度±0.1%F.S. 电子元件吸附检测:监测吸盘是否成功吸附电子元件。 总压力监测:测量管道或容器内的压力水平。 空气泄漏检测:通过压力变化检测泄漏情况。 DP-101□:适用于低压环境(-100kPa至100kPa)。 DP-102□:适用于高压环境(0kPa至1MPa)。 订购时需根据实际需求选择合适型号,考虑传感器的适用范围和工作条件。手册提供详细订购流程及注意事项,包括相关认证信息(如韩国S标志)。 复制功能:通过数据通信将主传感器设定复制到其他传感器,支持多种设定模式,避免设定错误,节省时间。 操作模式:RUN模式用于日常监控,菜单设定模式用于深入设置,PRO模式提供高级功能。 使用前需仔细阅读手册,了解各功能使用方法。遵循安全指南,正确安装和使用传感器,避免损坏。对于

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧