将项目添加到列表使其无法选择

时间:2018-01-23 11:01:06

标签: jquery list dropdown

我正在尝试使用引导下拉列表创建一种html选择下拉列表。在列表中我隐藏了默认的选定值但是在更改时我从列表中删除了所选的选项并添加了默认值以使其可以再次选择,如下所示:

选择:冷却 选项:代码
选项:Bro

选择代码时,它变为:

选择:代码
选项:Bro
选项:冷却

现在,如果之前没有选择某个选项,但是当选择了一个选项后你再也无法选择它,那么这种情况很有效..任何人都知道我在这里做错了什么?

var from = $('#selected_from').data("curfromcoin");
var to = $('#selected_to').data("curtocoin");

$('#from_coin a').on("click", function() {
  $('#selected_from').html($(this).data('fromcoin'));
  $('#selected_from').data('curfromcoin', $(this).data('fromcoin'));
  $("#from_drop").append($("<li><a href='#' data-fromcoin='" + from + "'>" + from + "</a></li>"));
  $("#from_drop li").remove(":contains('" + $(this).data('fromcoin') + "')");
  from = $('#selected_from').data("curfromcoin");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="from_coin" class="input-group-addon">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	  <span id="selected_from" data-curfromcoin="Cool">Cool</span> <span class="caret"></span>
	</button>
  <ul id="from_drop" class="dropdown-menu">
    <li><a href="#" data-fromcoin="Code">Code</a></li>
    <li><a href="#" data-fromcoin="Bro">Bro</a></li>
  </ul>
</div>

0 个答案:

没有答案