我有三个下拉选择列表,当选择一个列表中的值时,我希望其他两个列表变为灰色并且处于非活动状态。我在每个我正在尝试的选择列表周围都有一些id包装,但是因为我对jquery很陌生,所以我并没有走得太远。jquery - 三个选择列表,如果选择了一个值,则禁用另外两个列表
2
A
回答
4
像这样的东西应该工作:
$(function() {
var $selects = $('#select1, #select2, #select3');
$selects.change(function() {
// disabled the other two
$selects.not(this).attr('disabled', 'disabled');
});
});
更新版本:
$(function() {
var $selects = $('#select1, #select2, #select3');
$selects.change(function() {
// disable or enable the other two
$selects.not(this).attr('disabled', $(this).val() === '' ? '' : 'disabled');
});
});
0
你可以做这样的事情:
$('#wrappers').change(function(){
$('#select1').attr('disabled', true);
$('#select2').attr('disabled', true);
});
哪里wrappers
是,当你选择一个值另外两个获得残疾id为select1
和select2
例如分别从中选择元素的ID:
<select id="wrappers">.........
<select id="select1">.........
<select id="select2">.........
0
我假设你有三个,如果任何三个是塞莱另外两个应该禁用。
function toggleOthers(x) {
var select = new Array('#wrapper1','#wrapper2','#wrapper3');
for (int i = 0; i < select.length; i++)
if ($(x).attr('id')!=select[i])
$(x).attr('disabled','disable');
}
HTML: <select onchange='toggleOthers(this);' id='wrapper1'> etc...
0
如果你有选择用一个div包装带#wrapp的ID Ε
$('#wrapper select').each(function(i,select){
$(select).change(function(){
$(this).attr('class','enabled').siblings().attr('class','disabled');
})
})
相关问题
- 1. 选择列表选择更改另一个选择列表
- 2. 根据另一个选择列表值选择选择列表值
- 3. MySQL如果另一个表中的列为零,则选择列
- 4. 选择这是另一个表列值
- 5. 选择基于另一个表的值从另一个表列
- 6. 两个选择与表列
- 7. Jquery:克隆选择列表并选择一个选项的值
- 8. 加载选择列表时选择另一个选择
- 9. 如果值从另一个表中选择,则更新表
- 10. 根据在另一个选择列表中选择的值填充一个选择列表
- 11. jQuery如何根据第三个选择列表选项更改第二个选择列表,并基于第一个选择第二个选择
- 12. 如果值是另一个表,然后选择特定的列
- 13. 选择两个表和总列值
- 14. jQuery的改变基于两个选项选择列表值值
- 15. JQuery - 选择除最后一个列表以外的所有列表(从多个列表中选择)。
- 16. jQuery的某些选项选择第一个选择列表,启用第二个选择列表
- 17. 如何在选择列表项前选择每个第一个父列表项
- 18. 从列空选择另一个选择
- 19. jquery禁用选项,如果我们在另一个选择中选择了这个选项
- 20. 如果选择1st或2nr,则禁用第3个,第4个下拉列表
- 21. 使用Javascript从多个选择选择列表中选择值
- 22. 更改禁用选择(下拉列表)基于另一个选择(下拉列表)值
- 23. 自动选择选项,如果只有一个在选择列表中 - jQuery
- 24. 从一个两个表中选择值
- 25. 第一个列表项选择jquery
- 26. 如何两个HTML选择列表
- 27. 选择行另外两个
- 28. SQL:选择一列,如果两列相等,否则选择既
- 29. 如何从隐藏的选择列表中选择一个值?
- 30. jQuery:如果选择了一个选项,则更改一个css值
这是非常优雅,容易理解。每个下拉列表都有一个“无选择”选项。这里的价值就是“”。如果您希望其他字段在选择“无选择”时再次激活,您将如何编写它? – Toxid 2010-08-10 23:10:11
添加了一个更新版本,该版本应该启用或禁用其他两个版本,具体取决于触发更改事件的select的当前值。感谢你的接纳! – jmar777 2010-08-10 23:22:03
简直太棒了!你有一个太多=但是,应该是.val()==。我认为这是一个错字。 – Toxid 2010-08-10 23:25:50