css怎么写下拉和收缩·下拉已经写好，收不上去？

Posted 2023-04-24

请看代码
<div id="id1" onclick="document.getElementById('id1_1').style.display='block'"><a href="#">ddddd</a></div>
<div id="id1_1" style="display:none;"><a href="#">fffff</a></div>

<div id="id1" onclick="document.getElementById('id1_1').style.display='block'">

改成

<div id="id1" onmouseover="document.getElementById('id1_1').style.display='block'" onmouseout="document.getElementById('id1_1').style.display='none'">
即可

如果想用点击 onclick
<div id="id1" onclick="document.getElementById('id1_1').style.display=document.getElementById('id1_1').style.display=='none'?'block':'none'"> 参考技术A 感觉你的代码不全

以下是我以前写过的代码，供参考！

<style type="text/css">
<!--
#menu

#menu ul margin:0px; list-style:none; padding:0px;
#menu ul li
margin:0px;
list-style:none;
padding:0px;
float:left;
position: relative;
width: 80px;

#menu ul li:hover ul
display: inline;

#menu ul ul
margin:0px;
list-style:none;
padding:0px;
position: absolute;
left: 0px;
top: 19px;
width: 60px;
display: none;



#menu ul ul li
margin:0px;
list-style:none;
padding:0px;
float:left;

-->
</style>

<div id="menu">
<ul>
<li><a href="#">菜单1</a>
<ul>
<li><a href="#">子菜单1</a></li>
<li><a href="#">子菜单2</a></li>
<li><a href="#">子菜单3</a></li>
<li><a href="#">子菜单4</a></li>
</ul>
</li>
<li><a href="#">菜单2</a></li>
<li><a href="#">菜单3</a></li>
<li><a href="#">菜单4</a></li>
</ul>
</div>

js中怎么获得本页下拉菜单选定的值

首先设置下拉列表控件的id属性
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
1:拿到select对象： var myselect=document.getElementById("test");
2:拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index。
3:拿到选中项options的value： myselect.options[index].value;
4:拿到选中项options的text： myselect.options[index].text;
另外还有jquery的方法（前提是已经加载了jquery库）：
1:var options=$("#test option:selected"); //获取选中的项
2:alert(options.val()); //拿到选中项的值
3:alert(options.text()); //拿到选中项的文本 参考技术A <select id = "cityList" >
<select id = "selectId" >
<option value = "0">第0个</option>
</select>

<script>
var selectObj = document.getElementById('selectId');
// 通过对象添加option
selectId.add(new Option("第一个","1"))
selectId.add(new Option("第二个","2"))
// 通过id添加option
selectId.add(new Option("第三个","3"))
selectId.add(new Option("第四个","4"))
// 通过id添加方法（也可以通过对象添加方法）
selectId.onchange = function()
// 通过对象获取value和text
alert(selectObj.value);
alert(selectObj.options[selectObj.selectedIndex].text);
// 通过 id 获取value和text
alert(selectId.value);
alert(selectId.options[selectId.selectedIndex].text);
// 还可以通过this获取value和text
alert(this.value);
alert(this.options[this.selectedIndex].text);
;
</script>