2013-09-19 4 views
1

Мне нужна ваша помощь.Удаление значения параметра из поля выбора

Я все еще относительно новый для JavaScript, и хотел бы выполнить следующее:

Использования «удалить» ключ на моей клавиатуре, я хотел бы иметь возможность удалить выделенное значение из выпадающего списка, изображенных на этой фотографии: enter image description here

and;

Используя клавишу удаления в поле ввода, я хотел бы, чтобы искать значения, указанные в поле ввода и удалите параметр из из выпадающего списка (как показано на рисунке здесь): enter image description here

Вот HTML разметка:

<!DOCTYPE html> 

<html> 

<head> 

<script type="text/javascript"> 
function getvalue(x) { 

document.getElementById('input').value = x 

} 

</script> 

</head> 

<body> 

<input type="text" id="input"> 
<br> 
<select id="list" onchange="getvalue(this.value)"> 
    <option value=""></option> 
    <option value="ABC">ABC</option> 
    <option value="DEF">DEF</option> 
    <option value="GHI">GHI</option> 
    <option value="JKL">JKL</option> 
    <option value="MNO">MNO</option> 
</select> 

</body> 

</html> 
+1

Вы пробовали что-нибудь? –

ответ

0

Вы можете сделать это довольно легко с помощью JQuery: http://jsfiddle.net/yFgZC/2/

$(document).ready(function() { 
     var value_to_delete = "ABC"; 

     $(document).keyup(function(e){ 
      if(e.keyCode == 46) { 
       $("#list option").each(function() { 
        if($(this).attr("value") === value_to_delete) { 
         $(this).remove(); 
        } 
       }); 
      } 
     }); 
    }); 

Вам нужно для заполнения переменной value_to_delete, но это должно быть относительно прямым.

+0

Какой будет метод non-jQuery? –

Смежные вопросы