首頁  >  文章  >  web前端  >  css模拟实现selec下拉框_html/css_WEB-ITnose

css模拟实现selec下拉框_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 11:56:19972瀏覽





下拉框




请选择


<script><br /> var $$ = function (id) {<br /> return document.getElementById(id);<br />}<br />window.onload = function () {<br /> var btnSelect = $$("btn_select");<br /> var curSelect = btnSelect.getElementsByTagName("span")[0];<br /> var oSelect = btnSelect.getElementsByTagName("select")[0];<br /> var aOption = btnSelect.getElementsByTagName("option");<br /> oSelect.onchange = function () {<br /> var text=oSelect.options[oSelect.selectedIndex].text;<br /> curSelect.innerHTML = text;<br /> }<br />}<br /></script>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn