可输入的下拉框,并能根据数据输入内容过滤

cykxwx 2009-10-10
呵呵,好久没上了。谢谢各位啦!我现在就是用Ajax做的。
wangguanqiu 2009-10-16
cykxwx 写道
呵呵,好久没上了。谢谢各位啦!我现在就是用Ajax做的。

级联等等ajax都可以实现
haibofeng 2009-10-30
               
elvishehai 2009-11-03
意思不对吧,直接做一个组件来完成,模拟下拉框就OK了,
ljbal 2009-11-11
会AJAX的都会做,建议学习一个AJAX
ztttly 2009-12-04
试试这个
<html>

<head>
<script>

function selectedVip(name){
var obj=document.getElementById(name);
var seleVal = "";
for(i=0;i<obj.length;i++){
   if(obj[i].selected==true){
    seleVal = obj[i].innerHTML;
    //document.getElementById("vipInput").value = seleVal;
    document.getElementById("vipInput").value = seleVal;
   }
}
}
function inputAdd(){
// you can do something
//document.getElementById("vipInput").value = "";
}

</script>
</head>
<body>
<table>

<tr>
<td>

</td>


<td>
<div style="position: relative;">
<font size="2"><span
style="margin-left: 100px; width: 32px; overflow: hidden;">
<select name="vip" id="vip" style="width:132px;height:22px; margin-left:-98px" onchange="selectedVip('vip');">
    <option value=""
    >(全部)</option>

    <option value="11">11hello</option>
    <option value="22">22hello</option>
    <option value="33">33hello</option>




</select> </span> <input
type="text" name="vipInput" id="vipInput" value="(全部)"
style="width: 114px; position: absolute; left: 0px;"
onclick="inputAdd();">
</font>
</div>


</td>

</tr>
<table>

</body>
</html>
wmy1120 2009-12-07
  
harbey 2009-12-08
可以去找一找jQueryUI 1.6版本里的autocompleter,可以设置请求后台的URL以及请求的频率,前台展示也可配置。jQueryUI还提供很多的使用的功能,并且文档,示例很详细!很好很强大!
select的数据量太大,会引起IE假死!
chw8219 2009-12-17
如果数据量不大,就一次性把结果都取出来,然后再用jquery的查找把符合条件的内容在一个层里面显示呢!
Global site tag (gtag.js) - Google Analytics