html select标签下拉列表展开

Posted 2023-04-18

一般select标签在鼠标点击时会展开，怎么样能让它自动展开，有这种属性吗，或者是javascript方法实现

参考技术A 为简化用户操作，希望鼠标悬停在下拉列表框上时，能自动展开。查了一下select的属性，没有相关的操作。最后找了一个变通的办法，代码如下：

<select onmouseover="size=10;" onmouseout="size=1;" onchange="size=1;">
<option value="126.htm">126</option>
<option value="163.htm">163</option>
<option value="16.NET.htm">163net</option>
<option value="163vip.htm">163vip</option>

就是让鼠标悬停后，显示的数目就自动改成10或其它数目。鼠标移开后，还原成只显示一个。用户点击了某一项也让它恢复成正常状态。 参考技术B <select size="10">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
</select> 参考技术C 参考下ajax，ajax中的url
url="output.action?salt"+new Date();
xmlHttp.open("get",url,false);
xmlHttp.onreadystatechange=function()

if(xmlHttp.readyState==4)
if(xmlHttp.status==200)
document.myForm.output1.value=xmlHttp.responseText.toString();

select 取值

select 标签是下拉列表标签。在网站中使用很多。

在后台服务器标记的下拉框在前台都会生成select标签。

他的子项就是option标签。要确认一个项是否被选中，就要确定子项中的selected标记是否被标记为"selected".

在JQ中可以判断他是否为true，如果有的浏览器不认，就判断是否为selected。

通常的判断都是在循环中进行。

例如：

js方法：

function isselected(){

    var opt=$("#drop option");

    var l=0;

    for(l=0;l<opt.length;l++){

                if(opt[l].selected==true){

                   alert(opt[1].value);

                }

}

 

html标签如下：

    <select id="drop">

            <option selected="selected">我被选中了</option>

            <option>我没被选中</>

     </select>

 

目前就这么多,随着进步会陆续写下笔记心得。