在下拉列表中将当前数据库值显示为默认值

Question

我有一个下拉列表，选择会产生另一个值下拉列表。所有这些都正确地写入了数据库。我无法弄清楚如何显示当前数据库值（即提交的最后一个值）以显示在“第二个”下拉列表中（“第一个”下拉列表在调用数据库信息时工作正常）。因此，当我选择“Masking Available”时，我希望在下次打开网页时显示。

function configureDropDownLists(main, second) {
    var masking1e = new Array('', 'Masking Available');
    var permissivemode1e = new Array('', 'Permissive Mode Enabled');

    switch (main.value) {
        case 'Masking':
            document.getElementById(second).options.length = 0;
            for (i = 0; i < masking1e.length; i++) {
                createOption(document.getElementById(second), masking1e[i], masking1e[i]);
            }
            break;
        case 'Permissive Mode':
            document.getElementById(second).options.length = 0;
            for (i = 0; i < permissivemode1e.length; i++) {
                createOption(document.getElementById(second), permissivemode1e[i], permissivemode1e[i]);
            }
            break;

        default:
            document.getElementById(second).options.length = 0;
            break;
    }

}

function createOption(first, text, value) {
    var opt = document.createElement('option');
    opt.value = value;
    opt.text = text;
    first.options.add(opt);
}

<select name="first"  id="first" onchange="configureDropDownLists(this,'second')">
    <option value="">Please Select Accommodation</option>
    <option value="Masking" <?php if ($first== "Masking"){ echo "SELECTED"; } ?>>Masking</option>
    <option value="Permissive Mode" <?php if ($first== "Permissive Mode"){ echo "SELECTED"; } ?>>Permissive Mode</option>
</select>
</br>
<select name="second" id="second">
</select>