html select列表可以自动展开吗?

html select列表可以自动展开吗?,第1张

为简化用户 *** 作,希望鼠标悬停在下拉列表框上时,能自动展开。查了一下select的属性,没有相关的 *** 作。最后找了一个变通的办法,代码如下:\x0d\x0a\x0d\x0a\x0d\x0a126\x0d\x0a163\x0d\x0a163net\x0d\x0a163vip\x0d\x0a\x0d\x0a就是让鼠标悬停后,显示的数目就自动改成10或其它数目。鼠标移开后,还原成只显示一个。用户点击了某一项也让它恢复成正常状态。

最常见的方法是通过Javascript控制某标签的CSS属性来实现的,下面是具体实现方法:

首先给要隐藏或显示的部分所在标签一个惟一的ID,比如将它们放到一个<div id="div1"></div>里

然后给某个实体(按你的意思来,就是"列表元素")的onclick事件写一个响应的方法,方法中用上类似以下的语句:

document.all["div1"].style.display="block"//显示

document.all["div1"].style.display="none"//隐藏

其中"div1"就是要显示或隐藏的部分的ID。

不知道楼主为什么要用这样的写法

document.all.child3.style.

display=(document.all.child3.style.display=='none')?'':'none'">

改成下面这样就可以了

<div id="main1" style="color:blue"

onclick="document.all.child1.style.display='block'document.all.child2.style.

display='none'document.all.child3.style.display='none'>☆就业方向:

</div>

<div id="main2" style="color:blue"

onclick="document.all.child1.style.display='none'document.all.child2.style.

display='block'document.all.child3.style.display='none'>☆专业技能:

</div>

<div id="main3" style="color:blue"

onclick="document.all.child1.style.display='none'document.all.child3.style.

display='none'document.all.child3.style.display='block'>☆实践经验:

</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7034681.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存