本篇内容主要讲解“ajax怎么实现输入框文字改变展示下拉列表的效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ajax怎么实现输入框文字改变展示下拉列表的效果”吧!
1.样式
代码如下:
& lt;风格类型=拔谋?css"比;
& lt; !——
身体{背景:# fff}
。菜单{
:相对;
宽度:180 px;
身高:120 px;
z - index: 1;
背景:# EEE;
边界:1 px固体# 666;
margin-top: -100 px;
显示:没有;
}
。Menu2 {
:绝对;
左:0;
: 0;
宽度:100%;
身高:120 px;
溢出:隐藏;
z - index: 1;
OVERFLOW-y:汽车;
}
。Menu2 ul{保证金:0;填充:0}
。李Menu2 ul{宽度:100%;高度:25 px;行高:20 px; indent: 15 px;
边界底部:1 px冲# 999;颜色:# 333;游标:指针;
改变:表达式(
this.onmouseover=function () {
this.style.background=?”;
},
this.onmouseout=function () {
this.style.background=?”;
}
)
}
输入{宽度:120 px}
# List1, #用于{左:0 px;最高:103 px;}
——比;
& lt;/style>
2。html脚本
代码如下:
........省略常规脚本
& lt; tr>
& lt; th>汽车品牌名:& lt;/th>
& lt; td>
& lt;输入类型=皌ext"id=癵eneralBrandName"name=癵eneralBrandName"值=https://www.yisu.com/zixun/" $ {* .generalBrandName} " data-validation-engine=把橹要求]”
