如何在下拉框里面动态增加元素

现在有一个<select/>标签,
<select name="parasmfid" id="smfid" style="width: 100px" size=null onChange="null">
<option value="10">越城分公司</option>
<option value="20">袍江分公司</option>
<option value="30">城南分公司</option>
<option value="40">城东分公司</option>
<option value="60">镜湖分公司</option>
</select>

现在新增元素<option value="null">所有分公司</option>,并在默认显示出来
var objOption=document.createElement("OPTION");
objOption.text="所有分公司";
objOption.value="null";
var objSelectNow1=document.getElementById("smfid");
objSelectNow1.options.add(objOption);
objSelectNow1.value="null";

学习点,document的createElement方法,select的集合对象options简单使用.