Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

Удаление строки в ComboBox

9.7K
12 апреля 2008 года
Reskator
26 / / 07.02.2007
Вопрос в следующем: на странице сформирован ComboBox, стандартный, при помощи <select> и <option>. Возможно ли после его создания по какому - то событию удалить из него строки <option>, удовлетворяющие какому либо условию? Если есть возможность - дайте пример кода на Java Script. :)
352
13 апреля 2008 года
skywalker
694 / / 10.02.2006
Цитата: Reskator
Вопрос в следующем: на странице сформирован ComboBox, стандартный, при помощи <select> и <option>. Возможно ли после его создания по какому - то событию удалить из него строки <option>, удовлетворяющие какому либо условию? Если есть возможность - дайте пример кода на Java Script. :)


Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Title</title>
<script type="text/javascript">
function delete_option(option_value){
    var select_obj = document.getElementById('s_1');
    var option = select_obj.getElementsByTagName('option');
        for(var i=0;i<option.length;i++){
            if(option.value == option_value){
                select_obj.removeChild(option);
            }
        }
}
</script>
</head>

<body>
   <select id="s_1">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
   </select>
   <div>
        <input type="button" value="delete &laquo;2&raquo;" &#111;&#110;click="delete_option('2')"/>
   </div>
   <div>
        <input type="button" value="delete &laquo;3&raquo;" &#111;&#110;click="delete_option('3')"/>
   </div>
   <div>
        <input type="button" value="delete &laquo;4&raquo;" &#111;&#110;click="delete_option('4')"/>
   </div>
   <div>
        <input type="button" value="delete &laquo;5&raquo;" &#111;&#110;click="delete_option('5')"/>
   </div>
</body>
</html>
9.7K
13 апреля 2008 года
Reskator
26 / / 07.02.2007
Спасибо, то что я и хотел!
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог