JSP select option 值过长怎么处理?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JSP select option 值过长怎么处理?相关的知识,希望对你有一定的参考价值。

1、怎么添加下拉框横向滚动条?
2、当鼠标移到下来列表中某个值时,弹出一个DIV显示该值。

求实现方法

JSP select option 值过长可以给出提示,示例代码如下:
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 值过长怎么处理?的主要内容,如果未能解决你的问题,请参考以下文章

怎么用jsp给select中options赋值

怎么用jsp给select中options赋值

VB怎么获取HTML里select的Option里的内容

HTML中select控件怎样设置成默认值,并且下拉框选项中没有默认值

jsp中select里如何获取数据库的值显示在options 里

jsp中select的option的高度设置