Вывести на экран html-список с любыми данными. Добавить возможность удаления элементов этого html-списка двойным щелчком мыши

Категория: JavaScript
2011-12-15 15:46:29

Для списка из option:

code: #javascript
<html>
<body>
<script type="text/javascript"><!--
  var body = document.getElementsByTagName ("body")[0];
  var select = document.createElement ("select"); 
  select.size = 16;
  body.appendChild (select);
  for ( var i = 0; i < 16; i++ )
  {
    option = new Option ("Option #" + i.toString(), i, false, false);
    select.options[select.options.length] = option;
    option.ondblclick = function() {select.remove (select.selectedIndex)};
  }
//--></script>
</body>
</html>

Решение для списка из <li>:

code: #javascript
<html>
<body>
<h1>Двойной клик по строке удаляет строку</h1>
<script type="text/javascript"><!--
  var list = document.createElement("ul");
  document.body.appendChild(list);
  for (var i = 0; i < 16; i++) {
    li = document.createElement("li");
    li.innerHTML = "List item #" + i.toString()
    li.ondbclick = function () { this.parentNode.removeChild (this) };
    list.appendChild(li);
  }
//--></script>
</body>
</html>

автор: Arigato

Поделиться:

Похожие статьи:

теги: создать список, select, список