HTML中下拉框select标签的使用

在网上找了不少方法感觉这个还是不错的，亲测好使

页面布局

这里有个onchange()方法不同于onclick()方法，onchange()是在select的值变化时才调用这个方法，在这个select标签使用很合适

<select id="pageSet" onchange="pageChangeSize()" style="width: 50px">
    <option value=10>10</option>
    <option value=20>20</option>
    <option value=50>50</option>
    <option value=100>100</option>
</select>

Js代码

function pageChangeSize(){
    var page=document.getElementById("pageSet").value;
    alert(page);
}