如何动态添加元素到选择列表

Question

我有一个下拉列表，其中包含两个选项private和public。默认情况下，所选项目为public。在选择private选项时，我必须转到电话簿联系人并选择其中一个电话号码，然后在所选部分中显示该电话号码和公共选项意味着应该选择它。

<select id="privacy" onChange="run()">
    <option value="1" selected="selected">public</option>
    <option value="2">contact</option>
</select>

这是运行功能

function run() {
    var select = document.getElementById("privacy");
    var value1 = select.options[select.selectedIndex].text;

    if (value1 == "contact") {
        window.location="contact.html";}
    }

当它接触时，它将从列表中选择一个电话号码。在选定列表中之后，它应该在该列表中显示public, phone number所选的（隐私值应该是公开的，电话号码）;