一个人的免费影院,色播亚洲精品网站亚洲第一,热99re久久精品这里都是精品免费

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

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

以下為詳細(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="#;">取第三個的值</A> 
<A onclick=alert(getTxt()); href="#;">取第三個的文本</A> 
</BODY></HTML>

前一頁:凹陷文字

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

相關(guān)閱讀: MarkMan 馬克鰻，讓設(shè)計更有愛 (超級給力的頁面標(biāo)注工具); jquery實(shí)現(xiàn)單選按鈕radio選中和取消使用prop()代替attr(); javascript在a標(biāo)簽中的一些操作; 巧用CSS中的expression來區(qū)分只讀文本框; 生成最新日期與時間選擇（年月日）下拉框; 諸城現(xiàn)代旅行社有限公司; 右下角彈出框帶關(guān)閉，非常不錯，可以用于后臺提示; dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT

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

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

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

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

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

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

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

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

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

更多>>隨機(jī)抽取信息: windows 部分熱鍵集錦; 網(wǎng)上購物車購物數(shù)量加減效果; asp統(tǒng)計信息/文章每日、每周、每月、總訪問量的方法; 純div+css制作的彈出菜單-02; window.location.href跳轉(zhuǎn)無反應(yīng)不跳轉(zhuǎn)解決; 鄧州市途鴻旅行社

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

float text 滾動條 window onmouserout 復(fù)選框斷線 select 留言板模版破解對話框文章深山行者 confirm 默認(rèn)高度 Application 收縮 overflow 上下左右高叛斷等待 body 縮小縮略圖愛國系統(tǒng) 標(biāo)語 textarea 彈出 getElementById 相冊調(diào)色板翻頁動態(tài) 放大 126 調(diào)用深山v1.0旅行社網(wǎng)站管理系統(tǒng) 中英單選調(diào)節(jié) openwin 閉合 absolute 標(biāo)注右擊像素 sel 框灰色

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

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

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