Rumah  >  Artikel  >  hujung hadapan web  >  css模拟实现selec下拉框_html/css_WEB-ITnose

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

WBOY
WBOYasal
2016-06-24 11:56:19972semak imbas





下拉框




请选择


<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>

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn