ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS シミュレーションは選択ドロップダウン box_html/css_WEB-ITnose を実装します

CSS シミュレーションは選択ドロップダウン box_html/css_WEB-ITnose を実装します

WBOY
WBOYオリジナル
2016-06-24 11:56:191021ブラウズ


< ;html xmlns="http://www.w3.org/1999/xhtml">


下拉框




< ;span class="cur-select">请选择


;

<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 までご連絡ください。