Javascript 操作 select は一般的なタイプのフォームです。動的 JS 操作 select でよく使用されるメソッドをいくつか示します。
//動的に select
function createSelect()
{
var mySelect = document.createElement("select"); = "mySelect";
document.body.appendChild(mySelect);
//オプションを追加します。
function addOption()
{
// ID、
var に基づいてオブジェクトを検索します。 obj=document .getElementById('mySelect');
//オプションを追加します
obj.add(new Option("text","value")) //これは IE でのみ有効です
obj.options.add(new Option("text","value")) //これは IE と Firefox と互換性があります
}
//すべてのオプションを削除しますoption
function RemoveAll()
{
var obj=document.getElementById(' mySelect');
obj.options.length=0;
コードをコピーします🎜>
コードは次のとおりです。 // オプションを削除します。option function RemoveOne()
{
var obj=document.getElementById( 'mySelect');
// インデックス、オプションのシリアル番号を削除するには、現在選択されているオプションのシリアル番号を取得します
varindex=obj.selectedIndex;
obj.options.remove(
}
コードをコピーします
コードは次のとおりです: // オプションのテキストを取得します var obj=document. getElementById('mySelect');
var index=obj.selectedIndex; // 現在選択されているオプションのシリアル番号を取得します。
var val = obj.options[index].text;
コードをコピー
varindex=obj.selectedIndex; //シリアル番号を取得します。現在選択されているオプションの番号
var val = obj.options[index]=new Option("新しいテキスト","新しい値 ");
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
