首頁 >web前端 >js教程 >JS取得文字方塊,下拉方塊,單選方塊的值的簡單實例_javascript技巧

JS取得文字方塊,下拉方塊,單選方塊的值的簡單實例_javascript技巧

1.文字方塊

1.1

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

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

var m = "5";
document.getElementById("test").value= m;

2.下拉列錶框

2.1

透過var s=document.getElementById("sel").value取得

假如要把框中的值進行比較，如果

複製程式碼

for(var i = 0;i {
{

> {

}🎜> 🎜> }

3.單選框

一排單選框的name屬性值必須相同，這樣才可以實作單選。

複製程式碼

程式碼如下:

aaaaaaaaaa

bbbbbbbbb

Js取得下拉框選定項目的值與文字

Firefox和IE下取得下拉框選定項目的值和文字：
1.IE和Firefox都支援的方法：

取得文字

複製程式碼

程式碼如下:var obj=document. 'select_template');var text=obj.options[obj.selectedIndex].text;//取得文字

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

for(i=0;i if(obj[i].selected==true) {

var text=obj[i].text;//取得文字

}

二者上一個方法比較簡潔

1.IE支援Firefox不支援：

複製程式碼

程式碼如下: 程式碼如下:

var obj=document.getElementById(name);

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


取得值方法IE與Firefox一般：

var value=document.getElementById("select_template").value;//取得值

總結：其實主要是IE和Firefox都支援value和text屬性，Firefox不支援innerText屬性。

Js實作目前頁面開啟一個新連結：

window.location.href=url;

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多

相關文章