JSP select option 值过长怎么处理?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JSP select option 值过长怎么处理?相关的知识,希望对你有一定的参考价值。
1、怎么添加下拉框横向滚动条?
2、当鼠标移到下来列表中某个值时,弹出一个DIV显示该值。
求实现方法
var oP=window.createPopup();
var oPopBody;
function showTip(Sobj)
var Sindex = Sobj.selectedIndex;
if(Sindex>=0)
var Svalue = Sobj.options[Sindex].text;
var Slen = Svalue.length*10;
oPopBody= oP.document.body;
oPopBody.style.background="#fdfce9";
oPopBody.style.border="solid black 1px";
oPopBody.innerhtml="<div style=\'font-family:Arial;font-size:12px;\'>"+Svalue+"</div>";
if(Slen>90)
oP.show(window.event.clientX+10,window.event.clientY+10,Slen+40,20,document.body);
function hideTip(Sobj)
if(oP.isOpen)
oP.hide();
以下为JSP代码:
<select name="seeit" size="5" style="overflow-x:scroll;width:100" onclick="showTip(this)" onmouseout= "hideTip(this)">
<option title="html中的文字太长,列表框中显示不完整,麻烦大家了" value="f">html中的文字太长,列表框中显示不完整,麻烦大家了</option>
<option title="听说是用js代码实现,麻烦给个例子,谢谢 " value="d" style="width:auto">听说是用js代码实现,麻烦给个例子,谢谢 </option>
<option title="或者鼠标指在某条上,显示完整的文字也行">或者鼠标指在某条上,显示完整的文字也行</option>
<option title="或者鼠标指在某条上,显示完整的文字也行">或者鼠标指在某条上,显示完整的文字也行</option>
<option title="或者鼠标指在某条上,显示完整的文字也行">或者鼠标指在某条上,显示完整的文字也行</option>
<option title="或者鼠标指在某条上,显示完整的文字也行">或者鼠标指在某条上,显示完整的文字也行</option>
<option title="或者鼠标指在某条上,显示完整的文字也行">或者鼠标指在某条上,显示完整的文字也行</option>
</select> 参考技术A <html>
<head>
</head>
<body>
<select id="select">
<option value ="volvo">Volvo</option>
<option value ="saab">SaabSaabSaabSaabSaabSaabSaabSaabSaabSaabSaab</option>
<option value="opel">OpelOpelOpelOpelOpelOpelOpelOpelOpelOpelOpel</option>
<option value="audi">AudiAudiAudiAudiAudiAudiAudiAudiAudiAudiAudi</option>
</select>
<br>
<br>
<div id='haha'>
</div>
</body>
</html>
<script>
var select = document.getElementById("select");
select.onchange=function(obj)
var index = select.selectedIndex; // 选中索引
var text = select.options[index].text; // 选中文本
var value = select.options[index].value; // 选中值
var div = "<div id='div'>"+text+" "+value+"</div>";
document.getElementById("haha").innerHTML = div;
</script>
以上是关于JSP select option 值过长怎么处理?的主要内容,如果未能解决你的问题,请参考以下文章
HTML中select控件怎样设置成默认值,并且下拉框选项中没有默认值