【Web 设计中 new Option()的用法】

通过new Option()会创建一个HTML的option元素，可以给select动态增加列表，也可以给HTML5新增的漂亮美观的datalist元素增加列表选项，只是用法略有差异，请看事例：

一、select

Body部分：

<select id="province" size="1"></select>
<select id="city" size="1"></select>

JS的实现：

                //城市列表
                function initCity(){

                    var city = document.getElementById("city");
                    var lstCity="武汉,宜昌,荆州,襄樊,黄石,荆门,黄冈,十堰,恩施,潜江";

                   var cityArr = lstCity.split(",");
                    city.options.length =0;        //清空原有列表
                    for(let i=0;i<cityArr.length;i++){
                        city[i] = new Option(cityArr[i],i);        //增加新列表
                        //city.appendChild(new Option(cityArr[i],i));