寻找一个可选择可输入的下拉列表框的脚本。

[fanlly]

希望高人不吝赐教。

[amu0528]

我也在找呢

但我用别的方法实现了

[fanlly]

您用的什么方法？能指点一二吗？

[qiqunet]

<input><input><input><input><input><input><input><input>


<input type='text' name='titlename' size='10' onblur="hiddenlist();">

<div id="sending" style="position: absolute; top: 2000; left: 2000; visibility: hidden;border:0px">
<select name='titlename2' size="3" class='t' onblur="hiddenlist();" onclick="showtext();">
<option value="期中考试">期中考试期中考试期中考试期中考试期中考</option>
<option value="期末考试">期末考试</option>
<option value="单元测验">单元测验</option>
</select>
</div>

<img src="d:\web\image\sort2.gif" name="downpic" style="position: absolute; top: 2000; left: 2000;border:0px" onclick="showlist();">

<script>
var showflag=false;
function hiddenlist(){
if(document.activeElement!=document.all.titlename2)document.all.sending.style.visibility='hidden'
}
function showlist(){
if(showflag){
document.all.sending.style.visibility='hidden';
showflag=false;
}
else{
document.all.sending.style.top=document.all.titlename.offsetTop+document.all.titlename.clientHeight;
document.all.sending.style.left=document.all.titlename.offsetLeft;
document.all.sending.style.visibility='visible';
document.all.titlename.focus();
showflag=true;
}
}
function showtext(){
document.all.sending.style.visibility='hidden';
document.all.titlename.value=document.all.titlename2.options[document.all.titlename2.selectedIndex].text;
showflag=false;
}
function moveimg(){
document.all.downpic.style.top=document.all.titlename.offsetTop+(document.all.titlename.offsetHeight-document.all.titlename.clientHeight)/2;
document.all.downpic.style.height=document.all.titlename.clientHeight;
document.all.downpic.style.left=document.all.titlename.offsetLeft + document.all.titlename.offsetWidth-document.all.downpic.offsetWidth;
}
moveimg();
window.onresize=function(){moveimg();}

</script>

[qiqunet]

<img src="d:\web\image\sort2.gif" name="downpic" style="position: absolute; top: 2000; left: 2000;border:0px" onclick="showlist();">
//////////////////////////////////////////////////////

上贴代码中包含的这个图片，要求你指定一幅“倒三角形”的小图片。

[qiqunet]

下面的是改进版本的，要求提供三幅图片，分别对应鼠标的三个状态：


<input><input><input><input><input><input><input><input>
<input type='text' name='titlename' size='10' onblur="hiddenlist();" onfocus="showlist();">

<div id="sending" style="position: absolute; top: 2000; left: 2000; visibility: hidden;border:0px">
<select name='titlename2' size="3" class='t' onblur="hiddenlist();" onclick="showtext();">
<option value="期中考试" selected>期中考试期中考试期中考试期中考试期中考</option>
<option value="期末考试">期末考试</option>
<option value="单元测验">单元测验</option>
</select>
</div>

<img src="selectup.gif" name="downpic" style="position: absolute; top: 2000; left: 2000;border:0px" onmouseup="src='selectmo.gif';" onmouseover="src='selectmo.gif';" onmousedown="document.all.titlename.focus();src='selectdo.gif';" onmouseleave="src='selectup.gif';">

<script>
var showflag=false;
function hiddenlist(){
if(document.activeElement!=document.all.titlename2){
document.all.sending.style.visibility='hidden';
showflag=false;
}
}
function showlist(){
if(showflag){
document.all.sending.style.visibility='hidden';
showflag=false;
}
else{
document.all.sending.style.top=document.all.titlename.offsetTop+document.all.titlename.clientHeight;
document.all.sending.style.left=document.all.titlename.offsetLeft;
document.all.sending.style.visibility='visible';
showflag=true;
}
}
function showtext(){
document.all.titlename.value=document.all.titlename2.options[document.all.titlename2.selectedIndex].text;
document.all.sending.style.visibility='hidden';
showflag=false;
}
function moveimg(){
document.all.downpic.style.top=document.all.titlename.offsetTop+(document.all.titlename.offsetHeight-document.all.titlename.clientHeight)/2;
document.all.downpic.style.height=document.all.titlename.clientHeight;
document.all.downpic.style.left=document.all.titlename.offsetLeft + document.all.titlename.offsetWidth-document.all.downpic.offsetWidth-2;
}
moveimg();
document.all.titlename.value=document.all.titlename2.options[document.all.titlename2.selectedIndex].text;
window.onresize=function(){moveimg();}

</script>

[fanlly]

感谢高人赐教，全分送上！谢谢！

[qiqunet]

CSDN又出错了，彼此都冤枉！！！！——你白白送了６０分可用分，我却１分收不到，呵呵