给select控件在指定位置插入option(javascript)
问题描述
对于select控件 1 2 3，我们可以通过它的options.add(new Option(v,t))的方法动态的插入一个option选项，但是新增的option的位置只能在最后，却不能插入到指定的任意位置。
解决方法
既然select的options属性提供的方法无法实现上面的需求，那么只好找办法了。我们知道html控件都有一个insertBefore的方法，用以在指定位置插入子控件，这个方法也许可以使用，不妨测试一下，呵呵，真的可以。不过对于IE和firefox，还是有细节的差别。
浏览器兼容
对于FireFox，我们可以直接使用 selectCtl.insertBefore(new Option('value', 'text'), selectCtl.options[i]);这样的简单的形式在制定位置插入option，但是IE好像不行，需要使用下面的形式才可以
var option = document.createElement("option");
...[ 查看全文 ]
2016-02-19
标签:
