Question

我想问一下select2。当客户选择列表时，我有2个select2。客户端选择列表后，按钮显示值选择的值，而值转到按钮而不是输入区域select2，因此select2将保留占位符。

<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1">
    <!-- the name of button is the value of what we choose in first select2  /example Alabama-->
    <span class="glyphicon glyphicon-remove"></span>
 </button>

按钮具有allowClear：true的功能。怎么样那样我把它放在jsfiddle上 https://jsfiddle.net/mujkz5v3/1/

非常感谢，请帮忙

Answer 1

使用 $（“＃dropdownMenu1”）。html（deggre）;

或$（“＃dropdownMenu1”）。text（deggre）;

而不是.val

Answer 2

请参阅以下更改：

$('.deggre').on('change', function() {
    var deggre = $( this ).val();
    var span = $("#dropdownMenu1").find('span').clone(); // Copy 'X' span.
    $("#dropdownMenu1").text(deggre); // Insert text first.
    $("#dropdownMenu1").append(span); // Then, append the 'X' span.
});

创建一个按钮以删除select2上的选择值

2 个答案: