本文介绍了一个简单的JavaScript示例代码，通过点击一个带有选择器的元素来切换该选择器的显示尺寸。此功能可以用于网页交互设计中，使用户能够更直观地查看选项内容。
<div id="d" style="border: 1px solid #ccc" onclick="change()">
<select id="st" size="1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<script>
function change() {
var st = document.getElementById("st");
if (st.size === 1) {
st.size = st.length;
} else {
st.size = 1;
}
}
</script>
<select id="st" size="1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<script>
function change() {
var st = document.getElementById("st");
if (st.size === 1) {
st.size = st.length;
} else {
st.size = 1;
}
}
</script>
扫一扫
1189
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
