テキスト ボックス、ドロップダウン ボックス、ラジオ ボタンの値を取得する 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

11
22
33

var s=document.getElementById("sel").value を通じて ボックスで選択された値を取得します。ここでは value="2" オプションが選択されているため、変数 s に割り当てられる値は次のようになります。 「22」の代わりに「2」、

「テキスト値」(「33」)に対応する「3」など、

で選択した「値」をテストテキストボックスに代入したい場合は、<🎜; >

コードをコピーします コードは次のとおりです:

2.2 の値が

の値と比較されます。が同じであれば選択してください。

コードをコピー

コードは次のとおりです:

var m = "2", for(var i = 0;i > 🎜>マーキー

ラジオを選択できるように、ラジオ ボタン ボックスの行の name 属性値は同じである必要があります。

コードをコピー


コードは次のとおりです:

aaaaaaaaaa

bbbbbbbb

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;i

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

var text=obj[i].text;//テキストを取得

}
}

前の方法と比較すると、この 2 つはより簡単です

1. IE は Firefox をサポートしていますが、サポートしていません:

コードをコピーします コードは次のとおりです:

var obj=document.getElementById(name);

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

値を取得する方法は IE と Firefox に共通です:
var value=document.getElementById("select_template").value;//値の取得
要約: 実際、主な理由は、IE と Firefox の両方が value 属性と text 属性をサポートしているのに、Firefox が innerText 属性をサポートしていないことです。

Js は、現在のページで新しいリンクを開くことを実装します:

window.location.href=url;