javascript - 阻止下拉菜单重定向到主页

Question

我使用以下代码从下拉菜单选项中删除以“+”字符开头的文本:

 $("select").each(function(){
  var $wrapper=$(this);
  var $options=$wrapper.find("option");
  $(this).empty();
  $options.each(function(index){
      $wrapper.append(new Option($(this).text().split("+")[0]))
  })
})

因此，如果菜单的原始选择是:

奥迪

宝马

梅赛德斯+预告片

下拉列表仅显示:

奥迪

宝马

梅赛德斯

问题:

我还有一些下拉菜单，需要在做出选择时刷新页面。当不使用上面的代码时，这工作正常，但是当添加上面的代码时，网页会重定向到主页。我如何确保当用户做出下拉选择时，用户停留在同一页面上？

Answer 1

遵循jquery“少写，多做”的精神，你也可以像这样进行文本替换操作:

$("select.cars option").each(function(){
 with ($(this)) {
  text(text().split("+")[0].trim());
  val(val().split("+")[0].trim());
 }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="cars">
<option value="Audi">Audi</option>
<option value="BMW">BMW</option>
<option value="Mercedes + Trailer">Mercedes + Trailer</option>

</select>

为了限制脚本对您想要更改的选择的影响并保护所有其他选择，我还在图片中添加了“汽车”类。也许类似的东西对您的项目有帮助？

但这不会触及您当前的问题，即您在选择选项后立即离开当前页面。我怀疑一定有另一段(尚未发布)脚本导致了这种行为。