Question

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

footer{
  padding: 22px 0 20px 0;
  background:red;
  position:fixed;
  bottom:0;
}

因此，如果菜单原始选项是：

奥迪

BMW

Mercedes + Trailer

下拉列表仅显示：

奥迪

BMW

梅赛德斯

问题：

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

Answer 1

您只需要为新创建的选项添加值。

试试这个：

＆＃13;

$("select").each(function(){
  var $wrapper=$(this);
  var $options=$wrapper.find("option");
  $(this).empty();
  $options.each(function(index){
      var text = $(this).text().split("+")[0].trim();
      var newOption = new Option(text);
      // get value from previous option 
      newOption.value= $(this).val();
      $wrapper.append(newOption)
  })
})

＆＃13;

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

＆＃13;

停止从重定向到主页的下拉菜单

1 个答案: