如果禁用，请删除所选选项
如果禁用，请删除所选选项
提问于 2019-05-25 06:13:04
如标题所示，我希望在禁用时清除所选选项。
例如，如果用户选择"Angelina“并单击复选框"Exclude”，则应该取消Angelina Jolie并禁用它，而选择应该显示"Select“。
https://jsfiddle.net/c26teqjb/ JSFiddle演示
HTML
<div class="">
<label class="checkbox">
<input type="checkbox" name="optradio" id="filtri">
<span class="checkboxtext">Exclude Name</span>
</label>
</div>
<select id="filtrin">
<option selected="">Select Name</option>
<option>Kleenco</option>
<option>James Franco</option>
<option>Angelina Jolie</option>
<option>Jack Black</option>
</select>联署材料：
$(document).ready(function () {
$("#filtri").click(function () {
$('#filtrin').attr("disabled", $(this).is(":checked"));
});
});回答 2
Stack Overflow用户
回答已采纳
发布于 2019-05-25 06:27:22
您可以重置为下面的第一个索引，
$(document).ready(function () {
$("#filtri").click(function () {
$("#filtrin").prop('selectedIndex', 0);
$('#filtrin').attr("disabled", $(this).is(":checked"));
});
});Stack Overflow用户
发布于 2019-05-25 06:31:53
看看这个
$(document).ready(function () {
$("#filtri").click(function () {
$('#filtrin').attr("disabled", $(this).is(":checked"));
var x = $('#filtrin').val();
$('#filtrin option').each(function(){
console.log($(this).text());
if($(this).text() == x && $(this).text() !="Select Name"){
$(this).remove();
}
});
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="">
<label class="checkbox">
<input type="checkbox" name="optradio" id="filtri">
<span class="checkboxtext">Exclude Name</span>
</label>
</div>
<select id="filtrin">
<option selected="">Select Name</option>
<option>Kleenco</option>
<option>James Franco</option>
<option>Angelina Jolie</option>
<option>Jack Black</option>
</select>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56302267
复制相关文章
相似问题
腾讯云开发者
