一个人免费看www视频,久久国产影视,大香伊蕉日本一区二区

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

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

以下為詳細代碼

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

前一頁:凹陷文字

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

相關閱讀: sql server中前綴為PK、UK、DF、CK、FK表的意思; uni-app操作json數組; 隨心所欲的定制彈出窗口; CSS設計中常見的精華問題收集; 愛尚學生網; GOOGLE百度破解，網站優化SEO最終詳解; 修改注冊表優化Win XP技巧20招; 微信小程序-接入廣告

共有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還有其它的嗎

更多>>隨機抽取信息: 圣誕節12.5號，卡通形象留言板模板; 深山行者留言系統V3.0 發布; asp之自動閉合UBB標簽函數; 旅行社網站模板默認風格5; 程序員在網站設計時應注意的SEO細節; 在圖片未知尺寸情況下，利用CSS把圖片垂直居中于div中心(2)

更多標簽熱門標簽

組件快捷鍵第幾樓設計 div CSS 彈窗邊界重疊跳轉 adobe 下劃線 ie7 案例 skype confirm email 長 js 翻滾高亮浮動對象 div的高度在線面板密碼菜單判斷 hover 樹型漸變獲得 dl 2003 比例拼音 FTP 建立日期杈規 編輯 windows 事務美化留言板 DropShadow 265 查找定制深山v1.0旅行社網站管理系統左右全 input 萬年歷格式化

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

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

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷