JSP上拉多选
日期：2014-05-16 浏览次数：20420 次
JSP下拉多选
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<div style="width:400px;text-align:left;">
<div style="position:absolute">
<input type="text" id="inputcolumn" onKeyUp="showcolumn();" onFocus="testonfouce();" onBlur="testonblur();" style="width:200px;border:1px solid #cccccc;" border="0"/>
</div>
<div id="allcolumns" style="margin-top:23px;z-index:102;display:none;position:absolute;background-color:#FFFFFF;border:1px solid #cccccc;width:200px;overflow-y:auto;" onMouseOver="divonfouce();" onMouseOut="divonblur();">
<div value="/col/col92581/index.html" style="background-color:#efefef;border-bottom:1px solid #FFFFFF;height:200px;cursor:hand;" onclick="setInputcolumn(this)">
<input type=checkbox value=checkbox1 value="1"> 111<br/>
<input type=checkbox value=checkbox1 value="2"> 222 <br/>
<input type=checkbox value=checkbox1 value="3"> 333 <br/>
<input type=checkbox value=checkbox1 value="4"> 4444<br/>
<input type=checkbox value=checkbox1 value="5"> 555 <br/>
<input type=checkbox value=checkbox1 value="6"> 666 <br/>
</div>
</div>
</div>
</BODY>
<script>
var inputtext = false;
var allcolumnsover = false;
function testonfouce(){
inputtext = true;
showorhidden();
showcolumn();
}
function testonblur(){
inputtext = false;
showorhidden();
}
function divonfouce(){
allcolumnsover = true;
showorhidden();
}
function divonblur(){
allcolumnsover = false;
showorhidden();
}
function showorhidden(){
if (inputtext | allcolumnsover){
document.getElementById('allcolumns').style.display='';
}else{
document.getElementById('allcolumns').style.display='none';
}
}
function showcolumn(){
var value = document.getElementById("inputcolumn").value;
var allcolumns = document.getElementById("allcolumns").childNodes;
var temp = 0;
for (var i=0;i<allcolumns.length;i++){
if (allcolumns[i].innerHTML.indexOf(value) > -1){
allcolumns[i].style.display = "";
temp++;
}else{
allcolumns[i].style.display = "none";
}
}
if (temp > 10){
document.getElementById("allcolumns").style.height = "560px";
document.getElementById("allcolumns").style.overflowY = "scroll";
}else{
document.getElementById("allcolumns").style.height = (temp*26)+"px";
document.getElementById("allcolumns").style.overflowY = "hidden";
}
}
function setInputcolumn(obj){
document.getElementById("inputcolumn").value = obj.innerHTML;
}
function gotourl(){
var allcolumns = document.getElementById("allcolumns").childNodes;
for (var i=0;i<allcolumns.length;i++){
if (document.getElementById("inputcolumn").value == allcolumns[i].innerHTML){
window.location.href = allcolumns[i].value;
return;
}
}
alert("没有相符专辑！");
}
</script>
</HTML>
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
