Heim > Artikel > Web-Frontend > css模拟实现selec下拉框_html/css_WEB-ITnose
css模拟实现selec下拉框_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:56:19972Durchsuche
<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>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：父页面获取子页面的内容_html/css_WEB-ITnoseNächster Artikel：关于两个div高度保持一致的（css+js）两种解决办法_html/css_WEB-ITnose