selectboxにoption要素の追加・削除をする。

最新推荐文章于 2020-03-27 14:41:50 发布

iamsyu

最新推荐文章于 2020-03-27 14:41:50 发布

阅读量585

点赞数

分类专栏： javascript

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

状況によって選択項目を増やしたり、減らしたりしたい。
そんな時に役立つ基本的なやり方です。

    //select要素のIDをselectとします。
    //追加するとき
    $('#select').append($('<option>').html("追加される項目名").val("追加される値"));
    });
    //全て取り除くとき
    $('#select > option').remove();
    //選択されたものを取り除くとき
    $('#select > option:selected').remove();

そうです、普通にHTMLに追加、削除をするだけで反映するのです。楽ですね。
応用するとデモみたいなことも楽に出来ます。