hiding/removing selected from select option list for multiple select tags with same list
<p>let's say i have 4 select tags that uses the same option choices. i wanted to remove the selected options from the choices. currently i tried this code:</p>

<pre><code>    function connect(val)
{
    $(".option").show();
    $(".selectbox").each(function(i) { 
        var obj = $("option[value='" + $(this).val() + "']");
        alert(obj);
        if($(this).val() != "") obj.remove();

    });
}
</code></pre>

<p>i have this for the select tags:</p>

<pre><code>for()
{
&lt;select id = "sc" name = "connect_array[]" class="input-select" onchange = "connect(this.value)"&gt;
for()
{
&lt;option&gt;&lt;/option&gt;
}
&lt;/select&gt;
}
</code></pre>

<p>But what actually happens is the it only removes the options of the first select and the first select ends up with no choices when all choices where chosen by the other select tags, also you can still see the full choices in the other select tags.</p>

<p>thank you.</p>
