Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从选择列表中删除未声明大小的项目_Javascript_Html Select - Fatal编程技术网

Javascript 如何从选择列表中删除未声明大小的项目

Javascript 如何从选择列表中删除未声明大小的项目,javascript,html-select,Javascript,Html Select,如何从SELECT中删除未声明大小的选定项,这意味着充当下拉列表。使用javascript是一篇非常好的文章,概述了如何在选择列表中添加/删除项目 此功能用于从站点中删除所选项目: function removeOptionSelected() { var elSel = document.getElementById('selectX');//selectX IS ID OF SELECT var i; for (i = elSel.length - 1; i>=0; i--

如何从SELECT中删除未声明大小的选定项,这意味着充当下拉列表。使用javascript是一篇非常好的文章,概述了如何在选择列表中添加/删除项目

此功能用于从站点中删除所选项目:

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();
}
这是一篇很好的文章,概述了如何在选择列表中添加/删除项目

此功能用于从站点中删除所选项目:

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();
}

由于要删除单个选定选项,因此可以轻松地执行以下操作:

使用以下功能移除元件:

var el = document.getElementById('selectId');
el.remove(el.selectedIndex);
或者通过DOM操作:

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

查看一个示例。

由于您要删除单个选定选项,因此可以轻松地执行以下操作:

使用以下功能移除元件:

var el = document.getElementById('selectId');
el.remove(el.selectedIndex);
或者通过DOM操作:

var el = document.getElementById('selectId');
el.removeChild(el.options[el.selectedIndex]);
检查一个例子。

按以下方式操作:

我知道,没有人要求使用jQuery,但我认为没有人应该再使用没有jQuery的DOM+JavaScript了

以这种方式进行:


我知道,没有人要求使用jQuery,但我认为没有人应该再使用没有jQuery的DOM+JavaScript了

你可以休息一下;当您删除该项以停止循环时,更有效地使用select的selectedIndex属性,而不是迭代其选项,您可以设置一个中断;当您删除项以停止循环时,更有效地使用select的selectedIndex属性而不是迭代其选项jQuery对于这样简单的事情来说是一个巨大的过度,使用它会阻止人们学习任何东西,除了如何编写jQuery代码。@Tim Down:我不同意。学习jQuery有什么坏处?在我看来,完全可以学习jQuery和JavaScript,但不能详细学习DOM。就像编写Java而不学习底层字节码一样,完全可以。或者通过垃圾收集来学习一门语言,而不是详细检查所有的记忆内容。除此之外,如果您只是从google code或jquery.com这样的公共位置链接脚本,那么开销也不会太大。用户很可能已经有了一个缓存版本。jquery对于这样简单的东西来说是一个巨大的滥杀滥伤,使用它会阻止人们学习除如何编写jquery代码以外的任何东西。@Tim Down:我不同意。学习jQuery有什么坏处?在我看来,完全可以学习jQuery和JavaScript,但不能详细学习DOM。就像编写Java而不学习底层字节码一样,完全可以。或者通过垃圾收集来学习一门语言,而不是详细检查所有的记忆内容。除此之外,如果您只是从google code或jquery.com这样的公共位置链接脚本,那么开销也不会太大。用户很可能已经有了缓存版本。