Estoy tratando de vaciar las opciones de selección cuando:

id "mClick" está seleccionado, id "sClick", "cClick" y "srClick" se vaciarán.

id "sClick" está seleccionado, id "cClick" y "srClick" se vaciarán.

id "cClick" está seleccionado, id "srClick" se vaciará.

<form action="javascript:void(0);" method="POST" id="lForm">
<table>
    <tr>
        <td>
            <select name="module" id="mClick">
                <option value="">Select Mod</option>
                <option value="1">Mod 1</option>
                <option value="2">Mod 2</option>
                <option value="3">Mod 3</option>
            </select>
        </td>
        <td>
            <select name="state" id="sClick">
                <option value="">Select State</option>
                <option value="1">State 1</option>
                <option value="2">State 2</option>
            </select>
        </td>
        <td>
            <select name="city" id="cClick">
                <option value="">Select City</option>
                <option value="1">City 1</option>
                <option value="2">City 2</option>
            </select>
        </td>
        <td>
            <select name="services" id="srClick">
                <option value="">Select Services</option>
                <option value="1">Services 1</option>
                <option value="2">Services 2</option>
            </select>
        </td>
    </tr>
</table>

en el escenario 3, usé esta función, pero eliminó todo, excepto la última selección. ¿Alguna idea es lo que me estoy perdiendo? Gracias

$('#lForm select[id!="mClick"] select[id!="sClick"] select[id!="cClick"] option[value!=""]').remove().end();