Clever Geek Handbook

Remove dropdown value

I have the following dropdown list that is dynamically created which does not have a select id but has a name. I have a JavaScript array like var t = [125,43,89]. I want to delete above array value from bottom to bottom.

<select name="UF_DEPT">
<option value="">no</option>
<option value="125"> . Volkswagen</option>
<option value="43" selected=""> . . AMC / INS / EW</option>
<option value="66"> . . CPU</option>
<option value="89"> . . New York Office</option>
<option value="107"> . . Paris Office</option>
</select>
+3


source to share


3 answers 




var t = [125, 43, 89];

t.forEach(function(item) {
  $("select[name='UF_DEPT'] option[value='" + item + "']").remove();
});
      

        
        
        
      

    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="UF_DEPT">
<option value="">no</option>
<option value="125"> . Volkswagen</option>
<option value="43" selected=""> . . AMC / INS / EW</option>
<option value="66"> . . CPU</option>
<option value="89"> . . New York Office</option>
<option value="107"> . . Paris Office</option>
</select>
Run codeHide result


+6


source


You can iterate over the array and remove elements <option>

with the appropriate value (using option[value='...']

jQuery selector ):



var t = [125, 43, 89];

t.forEach(function(item) {
  $("select[name='UF_DEPT'] option[value='" + item + "']").remove();
});
+1


source 


var child=$("select [name='UF-DEPT']").children();
foreach(child as sub-child){
if($.inArray(sub-child.val(),array){
subchild.remove();
}
}
0


source






More articles:


All Articles