как мы можем удалить элемент из списка SELECT, размер которого не объявлен - PullRequest
0 голосов
/ 18 сентября 2009

Как мы можем удалить выбранный элемент из SELECT, размер которого не объявлен, означает действовать как выпадающий список. используя JavaScript

Ответы [ 3 ]

3 голосов
/ 18 сентября 2009

Здесь - очень хорошая статья, описывающая, как вы можете добавлять / удалять элементы для выбора списка.

Это функция для удаления выбранного элемента (с сайта):

function removeOptionSelected()
{
  var elSel = document.getElementById('selectX');//selectX IS ID OF SELECT
  var i;
  for (i = elSel.length - 1; i>=0; i--) {
    if (elSel.options[i].selected) {
      elSel.remove(i);
      break;//As suggested in comments
    }
  }
}

Это то, что я бы сделал:

function RemoveOption(){
     $("#SelectId option:selected").remove();
}
2 голосов
/ 18 сентября 2009

Поскольку вы хотите удалить один выбранный параметр, вы можете легко:

Удалите элемент с помощью функции select.remove :

var el = document.getElementById('selectId');
el.remove(el.selectedIndex);

Или с помощью DOM-манипуляции:

var el = document.getElementById('selectId');
el.removeChild(el.options[el.selectedIndex]);

Проверьте пример здесь .

0 голосов
/ 18 сентября 2009

Делая это jQuery способ:

<html>
<head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#myButton").click(function(){
                    $("#mySelect option:selected").remove();
                });
            });
        </script>
</head>
<body>
    <select id="mySelect">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
    </select>

    <input type="button" id="myButton" value="remove"/>
</body>
</html>

Я знаю, никто не спрашивал о jQuery, но ИМХО больше никто не должен DOM + JavaScript без jQuery!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...