<div id="d" style="border: 1px solid #ccc" οnclick="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>