Javascript:尝试从循环中删除选项

标签 javascript

我正在尝试从循环内的select中删除选项。这个想法是,当用户在预订中添加数量时,选择的数量将根据选择的房间数量而减少,这就是它处于循环中的原因。我在其中放置了一个警报,它确实循环了正确的时间,只是没有删除选项

问题是它只是没有删除任何内容,检查了变量并且它们都符合预期。非常感谢任何帮助。

这是我目前的代码:

//example variables
var quantity = 3;
var row = 2;
for (var i = 0; i < quantity; i++) {
var el_to_remove = $('.quantity_rooms_row_'+row+' option').last();
el_to_remove.remove();
}

最佳答案

var quantity = 3;
var row = 2;
for (var i = 0; i < quantity; i++) {
  var el_to_remove = $('.orange'+row).last();
  el_to_remove.remove();
}
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 </head>
<body>
<select>
  <option value="orange1" class="orange1">Orange 1</option>
  <option value="orange2" class="orange2">Orange 2</option>
  <option value="orange3" class="orange3">Orange 3</option>
  <option value="orange4" class="orange4">Orange 4</option>
</select>

</html>

关于Javascript:尝试从循环中删除选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38564102/

相关文章:

javascript - CSS 关键帧在开发环境中运行良好,但在生产环境中运行不佳

javascript - 父 div 滚动控制子 div 滚动事件

javascript - 使用 JavaScript 设置背景颜色会破坏 CSS 悬停行为

javascript - Node 应用程序未在远程服务器上运行,而是在 PC 上运行

javascript - 我的 ng-view DIV 消失 - Angular JS 1.x

javascript - javascript 中的奇怪示例,为什么我无法通过函数的参数重新分配全局变量的值?

javascript - 每天在 8 :00, 12 :30, 17:00 运行 Gmail Google Apps 脚本

javascript - JavaScript 中年、月、日两个日期之间的差异

javascript - 三个 .indexOf 不匹配 - 返回另一个结果

javascript - 如何在AngularJS中切换两个元素的显示