求助,jquery 下拉框框来选分类,肯请各位大侠帮忙

您还未登陆,请登录后操作!
求一个既能输入,又能选择的下拉框 控件的写法。
实现这个控件的基本思路如下:(一般叫可编辑下拉框)
实质上就是listbox+input,首先初始化的时候将listbox 和input文本框重叠,设定listbox的clip区域,当选定了下拉框的项时(onchange事件被触发),将listbox选择的文本填入input文本框。
下面是一段在网上找得代码:作者:zxub
/***********************************************************/
&HTML&
&HEAD&
&TITLE& New Document &/TITLE&
&META NAME="Generator" CONTENT="EditPlus"&
&META NAME="Author" CONTENT=""&
&META NAME="Keywords" CONTENT=""&
&META NAME="Description" CONTENT=""&
&script language="javascript" src="combox.js"&&/script&
&/HEAD&
&BODY&
&table bord
实现这个控件的基本思路如下:(一般叫可编辑下拉框)
实质上就是listbox+input,首先初始化的时候将listbox 和input文本框重叠,设定listbox的clip区域,当选定了下拉框的项时(onchange事件被触发),将listbox选择的文本填入input文本框。
下面是一段在网上找得代码:作者:zxub
/***********************************************************/
&HTML&
&HEAD&
&TITLE& New Document &/TITLE&
&META NAME="Generator" CONTENT="EditPlus"&
&META NAME="Author" CONTENT=""&
&META NAME="Keywords" CONTENT=""&
&META NAME="Description" CONTENT=""&
&script language="javascript" src="combox.js"&&/script&
&/HEAD&
&BODY&
&table border="1" style="border-collapse:collapse "&
&td width="300"&&select name=test1&
&option value="可编辑下拉框1" selected&可编辑下拉框1&/option&
&option value="1"&1&/option&
&option value="2"&2&/option&
&option value="3"&3&/option&
&INPUT TYPE="button" value="获取编辑框1的值" onclick="alert( tElementById('username').value)"&
&td width="109"&&select name=test2&
&option value="可编辑下拉框2"&可编辑下拉框&/option&
&option value="1"&4&/option&
&option value="2" selected&5&/option&
&option value="3"&6&/option&
&td width="343"&
&INPUT TYPE="button" value="获取编辑框2的值" onclick="alert( tElementById('password').value)"&
&/tr&
&/table&
&script language="javascript"&
var a=new combox("username","test1");
//参数1为新生成输入框的名称
//参数2为原来的select对象名称
var b=new combox("password","test2");
function combox(_inpuObjName,_controlSelectName)
{
puObjName=_inpuObjN//生成的输入框对象名称
putbox=//生成的输入框对象
ntrolSelect= tElementById(_controlSelectName);//原来的下拉框对象
//初始化对象
//_comboxObj:combox对象,须指向自己
it=function(_comboxObj)
putbox= eateElement("input");
boxObj=_comboxO
putbox.onchange=function()
with( yle)
width= ntrolSelect.offsetWidth-16;
height= ntrolSelect.offsetH
sertAdjacentElement("beforeBegin", putbox);
_span= eateElement("span");
_ yle.width=18;
sertAdjacentElement("beforeBegin",_span);
_span.appendChild( ntrolSelect);
_container= eateElement("span");
sertAdjacentElement("beforeBegin",_container);
_container.appendChild( putbox);
_container.appendChild(_span);
_ yle.width= putbox.offsetWidth+18;
_width= ntrolSelect.offsetWidth-18;
with ( yle)
margin="0 0 0 -"+_
boxObj=_comboxO
ntrolSelect.onchange=function()
//当搜索到输入框的值时,下拉框自动定位/
nd=function()
with ( ntrolSelect)
for(i=0;i&options.i++)
if(options[i]. dexOf( lue)==0)
selectedIndex=i;
//定义下拉框的onchange事件
ange=function()
lue= ntrolSelect.options[ lectedIndex].
with ( putbox)
* 定位函数,获取控件绝对坐标
*/
function getLeftPos(e)
{
var left=e.offsetL
while (e=e.offsetParent)
left+=e.offsetL
}
function getTopPos(e)
{
var top=e.offsetT
while (e=e.offsetParent)
top+=e.offsetT
}  
&/script&
&/BODY&
&/HTML&
大家还关注Html+CSS+JS 写出可以进行模糊查询的下拉框,如下图,求大神帮忙_百度知道
用插件可以吗,jquery.autocomplate.js
其他类似问题
为您推荐:
模糊查询的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁使用360浏览器填写表单时下拉框无法选择显示不出来怎么办?
14:31:00 | 点击4726次 | 有0条评论,
文章正文:有会员反应,在使用本站的服务过程中,其它功能正常,但是部分服务涉及下拉框选项的部分,表单下拉框无法选择或显示不出来,效果如下图:如图:选择范围部分无法正常显示。出现此现象,一般是使用360浏览器时,部分功能设置引起的,下面给出已经测试有效的解决方案。1. 请确保使用的是360安全浏览器标准版。如果你使用的是极速版、无痕版,那么将无法正常使用部分功能。2. 进入浏览器菜单设置。工具》广告过滤。 3. 打开相关功能设置将如图所示的“拦截所有广告”变更为第一项“拦截弹窗广告、页面欺诈信息”。经过以上设置后,重新刷新进入本站相关页面,则相关功能即可正常显示。如图,下拉框即可以正常展开了。如果你执行了以上步骤,仍然无法打开下拉框,请核实你的是否安装或开通了广告拦截。比如ADSAFE广告管家这个软件,开启后,因软件自身缺陷识别不足,误将本站的相关文件功能屏蔽,导致无法打开相关功能,关闭此软件即可。如果您在使用过程中还有其它疑问,请及时与本站客服QQ联系。本文由【求艺网】原创发表,转载请注明出处:来源求艺网。原文网址: /zixun/121926.htm欢迎您对本篇文章【使用360浏览器填写表单时下拉框无法选择显示不出来怎么办?】,谢谢。
资讯来源:
【相关教育考试资讯】1. 原创2. 图原创3. 图原创4. 图5. 图原创6. 7. 图8. 图9. 图10. 图11. 12. 图13. 14. 15. 16. 17. 原创18. 原创19. 图原创20. 图16:59 提问
select多选下拉框的值通过jquery ajax 传值给其他php页面,老是传不过去,求帮助
请大大们来帮我看看。
接收传值的页面:
$cla=$_POST["cla"];
include_once("conn.php");
$sql="update class_string set class_string='$cla' where teacher='ma'";
$result = mysql_query($sql);
按赞数排序
原页面代码:
&script type="text/javascript"&
$(function(){
//获取多选下拉菜单里面的值
$("#submit").click(function(){
var ar=",";
// 机智如我,用字符串而不是数组的形式连接起来,就不涉及ajax传送数组的问题了
$("option:selected").each(function(){
ar+=$(this).text()+",";
alert("新生成的字符串为:"+ar);
$.post("sms.php", {cla:ar},function(data,status){alert(data);}
echo $打印的值对吗?
应该使用连接符吧!
$sql="update class_string set class_string='".$cla."' where teacher='ma'";
$("#submit").
你的#submit是type=submit么?还是type=button
如果是submit,那么在click时,会直接提交表单的吧。
一步步调试确定传值问题出在哪里:
1 打开浏览器调试工具,看一下发出去的请求中,有没有正确传递参数,如果传参有误,就在js中慢慢定位;
2 如果请求正确,再看php中是哪一步出错,一般是echo出来看下。
其他相似问题
相关参考资料关于js处理下拉框选中事件的问题,求大神帮忙解决_javascript吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0成为超级会员,使用一键签到本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:54,739贴子:
关于js处理下拉框选中事件的问题,求大神帮忙解决收藏
我想要实现的功能是,当点击subject列表中的第二个选项时,文本框变为只读;当点击第三个选项时,文本框可编辑,subject1列表隐藏。
这是代码:&% language="java" contentType="text/charset=gb2312"%&&html&&title&直播后台入口&/title&&body&&script type="text/javascript"&function selection(){var rtl=document.getElementById("subject"); if(rtl=="no"){
document.getElementById("subjectName").readOnly=
document.all["subject1"].style.visibility="visible";
}if(rtl=="yes"){
document.getElementById("subjectName").readOnly=
document.all["subject1"].style.visibility="hidden";}}&/script&&table border="2" width="350px" height="260" bgColor="#80ff00"&&form&&tr&&td border="2"&请选择:&/td&&td&&select name="subject" id="subject" onchange="selection()"&&option value="defult" selected&是否新建会议主题?&/option&&option value="no"&不,我要选择已存在的会议主题&/option&&option value="yes"&是的,我要新建会议主题&/option&&/select&&select
id="subject1"&&option value="大会一" &大会一&/option&&&option value="大会二" &大会二&/option&&option value="大会三" &大会三&/option&&/select&&/td&&tr &&td&直播主题:&/td&&td&&input type="text" id="subjectName" &&/td&&/tr&&tr&&td&直播员:&/td&&td&&input type=text&&/td&&/tr&&tr&&td&&input type="submit"
value="提交" /&&/td&&td&&input type="reset" name="rest" id="rest" value="重置"&&/td&&/tr&&/form&&/table&&/body&&/html&
要hold住,不能沉啊
难道非死不成么?太桑心了
登录百度帐号推荐应用
为兴趣而生,贴吧更懂你。或

我要回帖

更多关于 下拉框样式 的文章

 

随机推荐