JQuery или Javascript удалить из combobox все опции, кроме одного

Question

Я хочу, чтобы вы мне помогли, пожалуйста, я хотел бы удалить все варианты из combobox, кроме одного со значением = 3. У меня есть этот код, но он не работает.

<select id="Select1" name="Select1"> 
    <option selected value="1">Pink</option> 
    <option value="2">Black</option> 
    <option value="3">Green</option> 
    <option value="4">Blue</option> 
    <option value="5">White</option> 
</select> 


<input type="button" onclick="myFunction()" value="Remove option"> 

<script> 
    function myFunction() { 
     var select=document.getElementById('Select1'); 

     for (i=0;i<select.length; i++) { 
      if (select.options[i].value!=document.getElementById('TextBox1')) { 
      select.remove(i); 
      } 
     } 
    } 
</script> 

Answer 1

Вы можете использовать один из следующих способов:

$("#Select1 option").not("[value='3']").remove(); 

$("#Select1 option:not([value='3'])").remove(); 

$("#Select1 option[value!='3']").remove(); 

скрипка здесь: http://jsfiddle.net/bh3L1oen/

Answer 2

Вы не нашли .value, когда вы проверяете текст в текстовом поле. Вы должны использовать:

document.getElementById('TextBox1').value 

вместо использования:

document.getElementById('TextBox1') 

Answer 3

Использование JQuery:

$('select').each(function(){ 
    if($('option',this).attr('value') != '3'){ 
    $('option',this).remove(); 
    } 
}); 

Answer 4

Этот селектор атрибута будет делать это

$('#Select1 option[value!=3]').remove() 

Ссылка: Attribute Not Equal Selector [name!="value"]

DEMO