96久久久久久,伊人网综合在线,国产精品欧美一区喷水

用javascript美化Select,并獲取相應(yīng)的值

網(wǎng)絡(luò) 2009/1/20 21:02:16 深山行者字體:大中小瀏覽 10290

以下為詳細(xì)代碼

<!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,并獲取相應(yīng)的值</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="#;">取第三個(gè)的值</A> 
<A onclick=alert(getTxt()); href="#;">取第三個(gè)的文本</A> 
</BODY></HTML>

前一頁:凹陷文字

后一頁:靜態(tài)頁面在文本框中輸入數(shù)字，表格直接算出相應(yīng)的結(jié)果

相關(guān)閱讀: uni-app基礎(chǔ)知識(shí)條件渲染; 支持IE與firefox(火狐)的css寫省略號(hào)方法; 網(wǎng)站管理后臺(tái); 一些平時(shí)用到HTML的過濾; Div+CSS布局應(yīng)該注重語義、注重代碼的重用性; 如何購(gòu)買深山旅行社管理系統(tǒng)？; 四川省中國(guó)青年旅行社有限公司高新分社; 兩個(gè)ASP中防止SQL注入式攻擊

共有0條關(guān)于《用javascript美化Select,并獲取相應(yīng)的值》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱:
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過 1000 字,需審核,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號(hào)開發(fā); uni-app; asp函數(shù)庫(kù); ASP; DIV+CSS; HTML; python

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

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

更多>>隨機(jī)抽取信息: Session.Abandon詳解; 北京青年旅行社股份有限公司; Android移動(dòng)端自動(dòng)化測(cè)試：使用UIAutomatorViewer與Selenium定位元素; 帶時(shí)鐘的臺(tái)歷：一個(gè)非常非常漂亮的臺(tái)歷; ASP取得文件的名稱.路徑.建立日期.文件大小.文件類型; ASP連接各種數(shù)據(jù)庫(kù)的方法

更多標(biāo)簽熱門標(biāo)簽

背景 mop 錯(cuò)誤文件夾首頁 flash 透明多選框 id 偽類翻轉(zhuǎn) Abandon 關(guān)鍵詞文字垂直居中強(qiáng)聊技巧遍歷 script innerHTML submit asasds xhtml hack blog 數(shù)據(jù)庫(kù) xml 理想舒服保護(hù)眼睛的電腦色陰影效果高度 css Java sql FlashFxp DIV+CSS做的透明菜單兼容IE、FF等許愿墻 javascri 驗(yàn)證 button 工作 web style 變化等高 optgroup 設(shè)為首頁工具 dw 訪問量自動(dòng)隱藏繁體

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

用javascript美化Select,并獲取相應(yīng)的值