我正在尝试在触发select2-removed事件时重置另一个select2,但我只能影响其他dom元素。我想在删除第一个select2值时禁用第二个select2。这是我的代码,¿我做错了什么?我的select2版本是3.5。提前谢谢。
$('#element_select2_1').on("select2-removed", function (e) {
$('#dom_element').attr('disabled', 'disabled');
$('#another_dom_element').attr('disabled', 'disabled');
$('#element_select2_2').select2('disable');
});
答案 0 :(得分:0)
假设" select2-removed"按预期开火,试试
public class genericDatas{
private UUID id;
private String name;
private Date date;
private String notes;
//getter, setter, constructor,...
}
public class accelerometerValues{
private UUID id;
private UUID GenericValueIdREF;
//...
//getter, setter, constructor,...
}
文档显示了应用于基础选择而不是select2控件的属性。
答案 1 :(得分:0)
我无法在任何地方找到任何真正的文档“select2-removed”,那是你的活动吗?所以,我创建了一些代码,它将创建两个select2,创建一个按钮。在第一个selec2上注册一个select2 destroy事件和一个破坏触发事件的selec2的按钮。触发事件禁用第二个select2。这是你想要做的吗?
<script>
$(function ($) {
// first select2
$("#sel1").select2();
// second select2
$("#sel2").select2();
// register event to detect select2 being destroyed
$("#sel1").next(".select2-container").on("remove", function () { $("#sel2").prop("disabled", true); })
// button that destroys the select2 triggering the event
$("#btn").button().click(function () {
$("#sel1").select2("destroy");
});
})
</script>
</head>
<body>
<form>
<select tabindex="0" id="sel1" aria-hidden="false">
<option value="AQ">Antarctica</option>
<option value="AI">Anguilla</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
</select><br />
<select id="sel2">
<option value="BS">Bahamas</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BB">Barbados</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
</select><br />
<button id="btn" type="button">remove</button>
</form>
</body>