javascript學習3 Js表單操作

2021-06-18 01:27:18 字數 1584 閱讀 7359

1.

滑鼠經過自動選擇文字:

onmouseover=

」this.focus()」

onfocus=

」this.select()」

2.對單選按鈕的設定

function getchice() }

3.對多選框的設定

」button」value=」全選」onclick=」changeboxes(1);」/>

」button」value=」不選」onclick=」changeboxes(0);」/>

」button」value=」反選」onclick=」changeboxes(-1);」/>

function changeboxes(action)else}4.

對下拉列表的設定

1 length

表示選項個數

2 selected

布林值,表示選項是否選中

3selectedindex

被選中的序號,如果沒有被選中的則為-1,對於多選下拉列表而言,返回被選中的是第乙個序號。從0開始的。

4 text

選項的文字

5 value

選項的value值

6 type

下拉列表的型別。單選返回select-one,多選返回select-multiple

7 options

獲取選項的陣列,例如oselectbox.options[2]表示下拉列表oselectboxd的第3項

一般情況下,下拉列表有多選和單選,如果只有單選,則直接用selectedindex ,直接獲得被選中的項,但是有多選的話就只能遍歷真個列表了。如果是多選和單選的混合,為了效率,先判斷是單選還是多選,如果是單選直接獲得selectedindex ,這樣省的遍歷整個列表,提高效率。

js部分主要**如下:

下拉列表的操作在大多數情況下還有新增,替換,刪除選項的功能

1.增加需要new乙個option如下:

var ooption = new option(text,value,defaultselected,selected);

後兩項預設值為0,如果不希望選中則可以忽略。新增時通常把第length項直接設定為選中。**如下:

2.如果下拉列表的序號是已經存在的選項,新增時會自動替換原來的選項,如:

obox.options[inum]=ooption; //

替換第inum個選項

3.刪除選項,就是把某項值賦為null。如下**:

obox.options[inum]=null; //

刪除achoices第inum個選項

5.提交表單:

提交表單 可以直接用控制項submit,也可以用submit()函式。

a. var oform= document.forms[「myform1」];

oform.submit();

b.click=」document.form[myform1].submit();」/>

c.有很多時候防止重複提交,則這樣寫,如下:

click=」this.disabled=true;this.form.submit();」/>

JavaScript筆記3 JS中的函式

1.函式的定義 函式使用function宣告,後跟一組引數以及函式體,語法如下 function functionname arg0,arg1,argn 說明 1 functionname是要定義的函式名,屬於識別符號 2 裡的arg0,arg1,argn為函式的引數,不是必須的 2.函式返回值 任...

學習階段3 js的arguments

js中每個函式都會有乙個arguments物件例項arguments,它引用函式的實參,可以用陣列下標 的方式來表示引用arguments的元素,arguments.length為函式實參個數 可以理解成長度 arguments.callee引用函式自身。注意的點 當函式的引數數量不確定的時候,就非...

前端單詞3 JS

資料型別和運算 undefined nd fa nd 未定義function f k n 函式arguments gj m nts 每乙個函式都有乙個arguments物件,它包括了函式所要調的引數 category k t g ri 型別,部門,種類,類別 plus pl s 表示運算 加 加的 ...