表单列表select和option操作

  1. 动态创建select
function createSelect() {
      var mySelect = document.createElement("select");
            mySelect.id = "mySelect";
            document.body.appendChild(mySelect);
}

2.添加选项option

function addOption() {
              var s = document.getElementById("mySelect");
            s.add(new Option("text", "value"))//IE
            s.options.add(new Option("text", "value"));firefox
}

3.删除所有optiong和指定的option

  function remove() {
        var obj = document.getElementById("mySelect);
        obj.options.length = 0;
//删除指定
      var index = obj.selectedIndex;
      ob.optionsj.remove(index);
}

4.获取option的文本和值

function val() {
      var obj = document.getElementById("mySelect");

      var index = obj.selectedIndex;
      var text = obj.optiosn[index].text;
      var value = ojb.options[index].value;
}

注意,可以使用obj.selectedIndex != -1来判断选项是否被选中;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容