精品国产综合区久久久久久,caoporn国产精品免费公开,中文视频一区视频二区视频三区

用javascript美化Select,并獲取相應的值

網絡 2009/1/20 21:02:16 深山行者字體:大中小瀏覽 10439

以下為詳細代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=zh-CN xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>用javascript美化Select,并獲取相應的值</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Language content=zh-CN>
<STYLE type=text/css>* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	MARGIN: 50px
}
.iDiv {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; FONT-SIZE: 12px; BACKGROUND: url(images/select_bg.gif) no-repeat 100% 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #aaa 1px solid; CURSOR: default; COLOR: #333; TEXT-INDENT: 4px; LINE-HEIGHT: 20px; BORDER-BOTTOM: #aaa 1px solid; POSITION: absolute; HEIGHT: 20px
}
.iDiv_over {
	BACKGROUND-POSITION: 100% 100%; COLOR: #f96
}
.iDiv_out {
	BACKGROUND-POSITION: 100% 0px; COLOR: #333
}
.cDiv {
	BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; Z-INDEX: 1; BACKGROUND: #f7f7f7; OVERFLOW: auto; BORDER-LEFT: silver 1px solid; CURSOR: default; BORDER-BOTTOM: silver 1px solid; POSITION: absolute; moz-user-select: none
}
.cDiv UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; listStyle: none
}
.cDiv UL LI {
	TEXT-INDENT: 4px; LINE-HEIGHT: 20px; HEIGHT: 20px
}
</STYLE>

<SCRIPT>
function $() {
	return document.getElementById(arguments[0]);
}

//取得外部class的屬性值

function getCurrentStyle(o) {
	return o.currentStyle||document.defaultView.getComputedStyle(o,null);
}

window.onload = function() {
	SetAllSelects.setAllSelectStyle();
}
</SCRIPT>

<META content="MSHTML 6.00.5730.13" name=GENERATOR></HEAD>
<BODY>
<FORM><SELECT> <OPTION selected>這一只不需要美化</OPTION> <OPTION>選擇1_1</OPTION> 
  <OPTION>選擇1_2</OPTION></SELECT> &nbsp; <SELECT class=select> <OPTION 
  selected>要美化的就加class</OPTION> <OPTION>選擇2_1</OPTION> 
  <OPTION>選擇2_22_22_22_2</OPTION> <OPTION>選擇2_22_22_22_3</OPTION></SELECT> 
<BR><BR><BR><SELECT class=select> <OPTION value=3_1 
  selected>拿這一只來證明取值和取文字都沒有問題</OPTION> <OPTION value=3_2>選擇3_22_22_22_2</OPTION> 
  <OPTION value=3_3>選擇3_22_22_22_3</OPTION> <OPTION 
  value=3_4>選擇3_22_22_22_4</OPTION> <OPTION value=3_5>選擇3_22_22_22_5</OPTION> 
  <OPTION value=3_6>選擇3_22_22_22_6</OPTION> <OPTION 
  value=3_7>選擇3_22_22_22_7</OPTION> <OPTION value=3_8>選擇3_22_22_22_8</OPTION> 
  <OPTION value=3_9>選擇3_22_22_22_9</OPTION> <OPTION 
  value=3_10>選擇3_22_22_22_10</OPTION> <OPTION 
  value=3_11>選擇3_22_22_22_11</OPTION> <OPTION 
  value=3_12>選擇3_22_22_22_12</OPTION> <OPTION 
  value=3_13>選擇3_22_22_22_13</OPTION> <OPTION 
  value=3_14>選擇3_22_22_22_14</OPTION> <OPTION 
  value=3_15>選擇3_22_22_22_15</OPTION> <OPTION 
value=3_16>選擇3_22_22_22_16</OPTION></SELECT> </FORM>
<SCRIPT>
function getValue() {
	var kk = document.getElementsByTagName('select')[2];
	return kk.options[kk.selectedIndex].value;
}
function getTxt() {
	var kk = document.getElementsByTagName('select')[2];
	return kk.options[kk.selectedIndex].innerHTML;
}
</SCRIPT>
<BR><BR>
<A onclick=alert(getValue()); href="#;">取第三個的值</A> 
<A onclick=alert(getTxt()); href="#;">取第三個的文本</A> 
</BODY></HTML>

前一頁:凹陷文字

后一頁:靜態頁面在文本框中輸入數字，表格直接算出相應的結果

相關閱讀: windows xp設置IIS。; 一個非常不錯的簡單的ajax讀取新浪rss的小例子; 深山留言板css安裝教程; ASP鏈接地址欄參數的加密; 能堅持幾秒？據說，美國空軍的飛行員被強制達到2分鐘！; 連云港市海州區培智學校; 廣西亞太國際旅行社有限公司; div+CSS的無限級擴展下拉菜單(全部加了注釋)

共有0條關于《用javascript美化Select,并獲取相應的值》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: input文本輸入框只能輸入數字或字母或漢字等; 用于深山在線投票的一個javascript統計checkbox現在選中的個數一邊點復選框一邊驗證并計算現在選了多少個復選框; 利用javascript簡短功能就可以檢查form表單中的元素是否已經填寫; javascript日期驗證比較; javascript 根據漢字拼音首字母快速定位下拉列表; javascript取漢字拼音首字母縮寫程序

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: vue uni-app判斷空字符串/null/undefined或者有誤字段; 深山旅行社管理系統免費版 V2.3; 江蘇綠葉國際旅行社; 游戲-植物大戰僵尸留言板模板; 純asp根據當前日期計算出當前年份的屬相; 利用css設置div漂浮在底部或頂部

更多標簽熱門標簽

email 第幾樓生成器計劃效果 button 指向縮小文件垂直重復選項手 mop cpu 自動隱藏工作室排版許愿墻模仿縮略圖縣 DOCTYPE tag 系統背景色 iis 加長 Session FSO 等高選擇符固定 relative 原則 JavaScript實現文本框提示效果移動 RegExp 深山v1.0旅行社網站管理系統查找企業電影防止產品愛國比例 onmouserout 提示淘寶標語

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

用javascript美化Select,并獲取相應的值