ドロップダウンで選択した項目の値とテキストを取得するための JS 実装コード box_javascript スキル

Js には、ドロップダウン ボックスの値とテキストを取得する 2 つの方法が用意されています。 しかし、ブラウザ間の違いによって生じるエラーを考慮しない人もおり、多くの初心者がそれを理解するのに長い時間がかかります。時間があって間違いが見つからない！

以下に、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. 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;