今天一起来学习下拉选项的javascript代码实现，直接进入正题。

  首先，进行HTML代码段的编写：

<h2>动态添加下拉选项</h2>
<input type = "button" value = '添加' id = ‘addOptions’ data-target = 'addOptios'/>
<select id = "addOption">
      <option value = "">请选择</option>
      <option value = "1">原有选项</option>
</select>

  接下来进行javascript代码的编写:

<script type = "text/javascript">
       window.onload = function(){
             var _addOptions = document.getElementById("addOptions"),
                               _addOption = document.getElementById("addOption"),
                    addOptions = function(target,optons){   //添加option
                           var _option = null,
                                   ol = option.length,
                                    i = 0,
                                    _v = "",
                                    _t = "";   
                          for(;i < ol;i++){
                               _v = options[i].value;        //设置value值
                               _t = options[i].text;            //设置问本值
                               //创建空的option引用
                               _option = document.createElement("OPTION");
                               _option.value = _v;       //添加值
                               _option.text = _t;           //添加文本
                               target.options.add(_option);       //增加option
                  }
        };
        _addOptions.onclick = function(){    //定义单击事件，增加下拉选项
               addOptions(_addOpntion,[
                       {
                              "value":"新添加的元素"，
                              “text”:"新添加的元素"
                       }
               ] )
        }
};
</script>

​  ok,整个案例的代码我们已经编写完毕,现在我们进行代码的理解.

  首先,我们整体的思路应该是在一个大的框架下(即定义的window.onload事件下)，利用getElementById方法得到我们需要的元素的ID，分别是button按键，还有select的ID，这样可以进行我们对其进行下一步的操作；接下来，创建方法体，命名为_addOptions，该方法的作用在于对于select元素中的属性进行操作，也可以说该方法作用在于添加option，首先我们确当要添加的option的个数，即ol,代表option.length，在这个过程中，我们要对新添加的option进行value值和text值的说明，接下来我们需要遍历option.length，进行value值和text值的设置，在for循环语句中，我们还要进行的一步操作就是进行空引用的创建，便于将已经设置好的属性值进行添加，最后利用add方法进行最后的追加，将其追加到目标元素内。

  在整个大环境下，我们在最后还定义了一个单击事件，就是为了进行按钮的绑定，这就相当于该单击事件之前的代码相当于是做处理准备的，在这个阶段中，我们进行了ID的获取，进行了属性至的设置以及追加，最后当这些准备工作完成后，我们进行了最后的事件的绑定，以达到我们添加option的目的。

  这一讲，我们讲述了如何进行下拉选项的实现，下一讲，我们学习下拉选项的删除。

  谢谢关注！！！