select下拉框如何在本頁面中獲取其選擇的值？

原創

2020-06-17 05:25

經常我們看見這樣的效果，在一個頁面中有一個select下拉框，當我們選擇不同的值，該頁面下面會出現不同的效果，以前在jsp中我就遇過這樣的情況，當選擇不同的年度，出現不同的統計數據。當時也想了很長時間，現在想來其實只要我實時獲取到所選擇的下拉框的值就可以了，將選擇的值作爲參數，調用方法。所以現在和大家分享一下

我簡單寫了一段代碼，但足以說明其功能了

<html> <head> <script type="text/javascript"> function okIS(val) { //String n=this.options[selectedIndex].value; alert(val); } </script> </head> <body> <select name="sel" οnchange="okIS(this.options[selectedIndex].value)"> <option value="1"/>1 <option value="2"/>2 <option value="3"/>3 <option value="4"/>4 </select> </body> </html>

希望與大家共勉……

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

相關文章

什麼是CouchDB？

※本文對CouchDB的解釋是來自Apach CouchDB的官網的譯文，如果有什麼問題，請指正。 1.CouchDB簡介 CouchDB是一種利用JSON文件，javascript作爲MapReduce查詢，以及常規HTTP作

2020-07-06 23:29:13

十二手遊開發神器 cocos2d-x editor 之遊戲暫停懸浮層

進入遊戲主場景，遊戲需要臨時暫停、重新選關、重新玩等等，所以玩家點擊暫停按鈕，彈出一個選擇懸浮層，這一節我們來實現；效果如下：點擊右上角遊戲暫停；返回回到開始界面；代碼下載：http://www.kuaipan.cn

2020-07-08 03:50:54

用Ajax 提交表單數據 serialize() 並且校驗數據

表單提交數據表單提交數據有集中方式,比如說下面的表單: <form class="container"> <div class="row"> <div class="col-25"><

2020-07-07 20:48:16

closure 閉包

以下是學習筆記,來自阮一峯筆記閉包是Javascript的一個難點，很多面試官都會問。。。爲了理解閉包必須先理解變量的作用域一：變量的作用域大體的分兩類全局變量局部變量 Javascript 這個語言的比較特殊的一點

2020-07-07 20:48:16

javascript4種方法實現繼承

有幾種實現繼承的方式，以下給予總結. 1.打通原型鏈 function Person(name,age){ this.name=name; } Person.prototype.sayName=function(){ con

2020-07-07 20:48:16

v8::StringObject的內存佈局

使用該內存佈局來查看內存數據，編譯器watch中看不到這樣的對象特別需要說明的是length字段，它是一個smi對象，注意不是對象指針，而是對象，該類在objects.h中定義，對於32bit系統，它的最低位必須是0，也就是說它的取值

2020-07-07 17:38:42

js判斷兩個日期是否相等

在js編程中，一定會遇到過這樣的情況，有兩個日期對象，然後需要判斷他們是否相等，下面我們來說說判斷的方法：例如： var date1 = new Date("2020-06-06"); var date2 = new Date("2

2020-07-07 17:29:52

v8::internal::Utf16CharaterStream類

Ecma-262中規定要求使用utf16來分析javascript，如上的一系列類就是把源數據作爲一個流輸入。基類Utf16CharacterStream提供基本的advance和pushback，seekforward方法， Buff

2020-07-07 16:42:06

v8的初始化

isolate.cc中定義的 struct StaticInitializer { StaticInitializer() { Isolate::EnsureDefaultIsolate(); } } static_ini

2020-07-07 16:42:06

setTimeout 和 setInterval 總結

實例一：定時重發驗證碼 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="t

2020-07-07 03:52:33

js中的String對象操作

//length 屬性返回字符串的長度(字符數) var str = "hello world"; console.log(str.length); //indexOf() 返回指定字符在字符串中首次出現的位置 var url = 'h

2020-07-07 00:46:16

Javascript的字面量對象以及如何拆解字面量對象

簡單的說，字面量對象提供了一直非常方便構建新對象的方式，它的格式非常簡單且容易閱讀。是大多數前端程序員在構建對象時比較推崇的一種方式。格式： var person = { name : "ziv",

2020-07-06 23:29:13

解決微信調整字體大小導致Html5頁面混亂

原理：阻止ios和安卓調整字體大小時候的事件，ios通過添加css屬性，安卓通過微信屬性去阻止注：添加後無法通過外部更改字體大小，根據項目需求運用 ios系統： body{ -webkit-text-size-adjust:

S筱潇S四维Smile

2020-07-06 23:09:43

JavaScript標籤語句

JavaScript是可以添加標籤的，由標識符和冒號組成寫法：identifier：statement 通常是配合break和continue使用如下示例： break: var sum = 0; alias: for (va

2020-07-06 16:04:29

原生JS獲取所有CLASS

function getElByClass(cls){ if(cls === undefined || typeof(cls) !== "st

2020-07-06 15:12:49

24小時熱門文章

最新文章

最新評論文章