1。テキストボックス
1.1 <入力タイプ= "テキスト" name = "test" id = "test">
var t = document.getElementbyid( "test")。値を介して変数tに値を割り当てます。
1.2もちろん、既知の変数値をテキストボックスに順番に割り当てることもできます。たとえば、:
var m = "5";
document.getElementById( "test")。value = m;
2。ドロップダウンリストボックス
2.1
<select name = "sel" id = "sel" onchange = "look();">
<オプション値= "1"> 11 </option>
<オプション値= "2" selected> 22 </option>
<オプション値= "3"> 33 </option>
</select>
<select>ボックスで選択された値は、var s = document.getElementById( "sel")で取得されます。 「「22」ではなく、
テストテキストボックスに「3」に対応する「テキスト値」(「33」)など、<select>で選択された「値」を割り当てたい場合は、次の方法を使用できます。
コードコピーは次のとおりです。
<スクリプト言語= "javascript">
function reook(){
var se = document.getElementById( "sel");
var option = se.getelementsbytagname( "option");
var str = "";
for(var i = 0; i <option.length; ++ i)
{
if(options [i] .selected)
{
document.getElementById( "test")。value = option [i] .text;
}
}
}
</script>
2.2指定された値を<select>ボックスの値と比較し、<select>の<select>の値が指定値と同じ場合に選択します。
コードコピーは次のとおりです。
var m = "2"、
for(var i = 0; i <document.getElementbyid( "sel")。長さ; i ++)
{
with(document.getElementById( "sel")。オプション[i])
{
if(value == m)
{
selected = true;
}
}
}
3。ラジオボックス
ラジオボックスの行の名前属性値は、ラジオ選択を達成できるように同じでなければなりません。
コードコピーは次のとおりです。
<入力型= "Radio" name = "a" value = "1"> aaaaaaaa <br>
<input type = "Radio" name = "a" value = "2"> bbbbbbbbbb <br>
<入力型= "button" onclick = "check();" = "test">
<スクリプト言語= "javascript">
<! -
function check()
{
var sel = 0;
for(var i = 0; i <document.getElementsbyname( "a")。長さ; i ++)
{
if(document.getElementsbyname( "a")[i] .Checked)
{
sel = document.getElementsbyname( "a")[i] .value;
}
}
if(sel == 1)
{
alert( "aaaaaaaaa");
}
else if(sel == 2)
{
alert( "bbbbbbbbbbbbbb");
}
}
//->
</script>
JSは、ドロップダウンボックスに選択したアイテムの値とテキストを取得します
FirefoxおよびIEの下のドロップダウンボックスにある選択したアイテムの値とテキストを取得します。
1。IEとFirefoxの両方でサポートされている方法:
テキストを取得します
コードコピーは次のとおりです。
var obj = document.getElementById( 'select_template');
var text = obj.options [obj.selectedindex] .text; // textを取得します
var obj = document.getElementById( "select_template");
for(i = 0; i <obj.length; i ++){//ドロップダウンボックスの長さはオプションの数です
if(obj [i] .selected == true){
var text = obj [i] .text; // textを取得します
}
}
前の方法はより簡単です
1.IEはFirefoxをサポートし、サポートしていません。
コードコピーは次のとおりです。
var obj = document.getElementById(name);
for(i = 0; i <obj.length; i ++){
if(obj [i] .selected == true){
var text = obj [i] .innertext;
}
}
値のメソッドを取得します。つまり、Firefoxは一般的です。
var value = document.getElementById( "select_template")。値; //値を取得します
要約:実際、それは主にIEとFirefoxの両方が価値とテキスト属性をサポートしており、FirefoxはInnertext属性をサポートしていないことです。
JSは現在のページを実装して新しいリンクを開きます。
window.location.href = url;