js獲取文字框 下拉框 單選框的值

2021-06-21 05:00:06 字數 1160 閱讀 2437

1.文字框

1.1

通過var t=document.getelementbyid("test").value把值賦給變數t,

1.2 當然也可以反過來把已知的變數值賦給文字框,例如:

var m = "5";

document.getelementbyid("test").value= m;

2.下拉列表框

2.1

112233

通過var s=document.getelementbyid("sel").value獲取框中選中的值,此處預設選中value="2"的選項,所以賦給變數s 的值是"2",而不是"22",

假如要把中選擇的"值"如"3"對應的"文字值"("33")賦給test文字框,可以通過如下方法,

**如下:

2.2 將給定的值與框中的值進行比較,如果中的的value值與給定的值相同,則選中它。

**如下:

var m = "2",

for(var i = 0;i一排單選框的name屬性值必須相同,這樣才可以實現單選。

**如下:

aaaaaaaaaa

bbbbbbbbb

js獲取下拉框選定項的值和文字firefox和ie下獲取下拉框選定項的值和文字:

1.ie和firefox都支援的方法:

獲取文字

**如下:

var obj=document.getelementbyid('select_template');

var text=obj.options[obj.selectedindex].text;//獲取文字

var obj=document.getelementbyid("select_template");

for(i=0;iif(obj[i].selected==true) }

二者相比上乙個方法比較簡潔

1.ie支援firefox不支援:

**如下:

var obj=document.getelementbyid(name);

for(i=0;i總結:其實主要就是ie和firefox都支援value和text屬性,firefox不支援innertext屬性。

js jquery中單選框 下拉框使用總結

前言 jquery中,prop 方法獲取的是元素的屬性 property 而attr 獲取的則是元素的特性 attribute selectedindex,tagname,nodename,nodetype,ownerdocument,defaultchecked,和 defaultselected...

Vue 4 單選框 核取方塊 下拉框

如果核取方塊checkbox 和下拉框select是多選,v model的值是 陣列型別,而且要提供value屬性 radio 和checkbox 的分組靠的是v model,checked 和selected 不存在 修飾符 lazy.number 按鍵修飾符 enter.ctrl.keycode...

js jQuery中單選框 下拉框的取值 設定

前言 jquery中,prop 方法獲取的是元素的屬性 property 而attr 獲取的則是元素的特性 attribute selectedindex,tagname,nodename,nodetype,ownerdocument,defaultchecked,和 defaultselected...