js學習筆記（二）下拉選單項選擇並跳轉

阿新 • • 發佈：2019-02-04

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<link rel="stylesheet" href="script02.css">
</HEAD>

<BODY>
<form action="" class="centered">
	<select id="newLocation">
		<option selected>Select a topic</option>
		<option value="start01.html">Cross-checking fields</option>
		<option value="start02.html">Working with radio buttons</option>
		<option value="start03.html">Setting one field with author</option>
		<option value="start04.html">Validating Zip codes</option>
		<option value="start05.html">Validating email address</option>
		
		
	</select>
	<noscript>
		<input type="submit" value="Go There">
	</noscript>
</form>


<script>
	window.onload=initForm;
	window.onunload=function(){};

	function initForm(){
		document.getElementById("newLocation").selectedIndex=0;
		document.getElementById("newLocation").onchange=jumpchange;//修改了物件

	}
	function jumpchange(){
		var newLoc=document.getElementById("newLocation");
		var newPage=newLoc.options[newLoc.selectedIndex].value;
		if(newPage!=""){
			window.location=newPage;
		}
	}
</script>
</BODY>
</HTML>

這個指令碼最好的一點是：在添加了javascipt函式之後，當新增、修改、或者改變下拉選單選項時，不需要修改函式，只需要設定選單項的值。

js學習筆記（二）下拉選單項選擇並跳轉

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE>

Vue.js學習筆記（二）

head 改變 vue ntb con UNC 關註 tle element Vue.js不支持IE8及以下的版本，因為vue使用了IE8無法模擬的ECMAScript5的特性，它支持所有兼容ECMAScript5的瀏覽器。 1 <!DOCTYPE html>

vue.js學習筆記（二）--指令的使用

部落格地址：https://fisher-zh.github.io vue之實現列表的新增點選。使用指令：v-on v-for v-on v-bind v-model html <!DOCTYPE html> <html lang="en"&

d3.js學習筆記（二）：完整的柱狀圖示例

本示例採用d3的3.x版本庫，示例程式碼如下： d3.fullAxisExample = function() { var width = 240; var height = 240; //在 body 裡新增一個 SVG 畫布

148.Node.js學習筆記（二）2018.11.27

目錄 1. 程式碼規範 1.1程式碼規範問題 1.2 程式碼分號問題 1.3 模板字串 2. http-Apache 2.1 http-Apache功能 2.2 fs 讀取目錄 2.3 http-Apache目錄列表 3. 在node中使用模板引擎 3.1 &

Node.js學習筆記（二）——靜態資原始檔

Node.js學習筆記（二）——靜態資原始檔參考視訊實現一個小阿帕奇，自動為資料夾裡面的檔案、圖片、css、js加上路由。基本思想：使用者輸入什麼url，就用fs去讀取那個檔案。 var http = require('http'); var url

C Primer Plus學習筆記（七）- C 控制語句：分支和跳轉

prim class wid int 但是 count 跳轉 ++ idt if 語句： if 語句被稱為分支語句（branching statement）或選擇語句（selection statement） if 語句的通用形式： if (expression)

struts2學習筆記（四）——訪問Servlet的API&結果跳轉&資料封裝

一、Struts2訪問Servlet的API 　　前面已經對Struts2的流程執行完成了，但是如果表單中有引數如何進行接收？又或者我們需要向頁面儲存一些資料，又要如何完成呢？我們可以通過學習Struts2訪問Servlet的API來實現這樣的功能。　　在Struts2中，Action並沒有

node.js零基礎學習筆記（二）

註釋：寫完了今天的筆記，今天主要學習了，不同js檔案，如何獲取其他js檔案的方法，一個js方法的匯出另外js檔案對方法的接收（語言敘述可能不準確，就是想說我有一個蘋果你想吃我也願意給你吃，怎麼搞？我要先把蘋果拿出來的過程，和你伸手的過程，我就是一個比喻~可能不太準確，但是我是這麼理解的），以上是第一

JS基礎學習筆記（二）

1.全域性變數不能通過 delete 操作符刪除，而直接在 window 物件上的定義的屬性可以。如下： var age = 29; window.color = "red"; //在 IE < 9 時丟擲錯誤，在其他所有瀏覽器中都返回 false dele

Pro Android學習筆記（二）——ContentProvider（下）

上一章講解了ContentProvider的一些基本概念和涉及到的知識。這一章就來實現它。要實現ContentProvider，我們繼承自ContentProvider這個抽象類，實現其中的抽象方法就可以了，其中的抽象方法包括： query insert update delete g

Vue.js 學習筆記（1）Centos環境下部署開發環境

1.安裝JS依賴管理工具npm yum install npm 2. 安裝vue npm install vue 3. 安裝vue命令列工具CLI sudo npm install --global vue-cli 4. 初始化專案 vue init webpack ne

Redis學習筆記（二）— 在linux下搭建redis伺服器

搭建環境：linux是centos7.4（請注意centos7以下版本的防火牆跟centos7以上的會有所區別，使用redis客戶端連線redis時會有區別，建議使用centos7以上版本）一、下載linux版本的redis二、安裝1、使用SecureCRT工具將redis壓

php laravel框架學習筆記（二）數據庫操作

true 數據 mar sql show top 一行 ati del 原博客鏈接：http://www.cnblogs.com/bitch1319453/p/6810492.html mysql基本配置你可用通過配置環境變量，使用cmd進入mysql，當然還有一種東

java學習筆記（二）圖形用戶接口

star strong per getwidth cep runnable graphics s2d gb2 這個學期主要放在ACM比賽上去了，比賽結束了。不知不覺就15周了，這周就要java考試了，復習一下java吧。java的學習的目的還是讓我們學以致用，讓我們可以

數據結構學習筆記（二）線性表的順序存儲和鏈式存儲

出錯初始化 node != test span 輸入 des val 線性表：由同類型數據元素構成有序序列的線性結構　　--》表中元素的個數稱為線性表的長度　　--》沒有元素時，成為空表　　--》表起始位置稱表頭，表結束位置稱表尾順序存儲：　　 1 package

Memcache 學習筆記（二）---- PHP 腳本操作 Memcache 服務器

ext status ram var_dump 介紹修改 memcache local dbn 　　 PHP 腳本操作 Memcache 服務器一、PHP腳本操作Memcache方法　　　　使用 PHP 腳本操作 Memcache，在 PHP 手冊中有詳細的介紹，我們

javascript學習筆記（二）：定義函數、調用函數、參數、返回值、局部和全局變量

兩個 cnblogs bsp 結果 value ava ase com 調用定義函數、調用函數、參數、返回值關鍵字function定義函數，格式如下： function 函數名(){ 函數體 } 調用函數、參數、返回值的規則和c語言規則類似。 1 <!DOC

神箭手爬蟲學習筆記（二）

暫存自動表達 eve doc 常用學習數據 .sh 一，可以使用神劍手已經做好的爬蟲市場直接跑，不需要自己定義爬取規則二，爬蟲市場裏沒有的網站，需要自己去定義規則來爬數據。三，爬取的數據可以先存放在神劍手，也可以放到七牛暫存。（提醒下，網站需要數據備份如果數量不

thinkphp5.0學習筆記（二）API後臺處理與命名空間

mac code 輸入 -1 pub 基礎 select() color 第一個命名空間先來看命名空間吧；命名空間是學習TP的基礎， <?php namespace app\lian\c1; class yi{ public $obj = "這是第一個

js學習筆記（二）下拉選單項選擇並跳轉

相關推薦