刪除禁用的屬性我使用Select2的風格我選擇的元素,我想有它使所有,但第一個下拉列表被禁用開始,然後當一個選項是從選定的第一個下拉列表中,禁用的屬性將從下一個下拉列表中移除(強制用戶按順序進行選擇)。下面是我有:選擇二 - 在選擇,從下一個選擇元素
$('select').select2();
$('select').prop('disabled', true);
$('select:first-of-type').prop('disabled', false);
$('select').on('select2:select', function(e) {
$(this).next('select').prop('disabled', false); // remove disabled prop from next select
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>
<select>
<option>Test 1</option>
<option>Test 2</option>
<option>Test 3</option>
<option>Test 4</option>
</select>
<select>
<option>Test 1</option>
<option>Test 2</option>
<option>Test 3</option>
<option>Test 4</option>
</select>
<select>
<option>Test 1</option>
<option>Test 2</option>
<option>Test 3</option>
<option>Test 4</option>
</select>
不幸的是$(this).next('select')
似乎並沒有被瞄準的下一個元素。
偉大的作品,謝謝你的解釋,以及! – user13286
@ user13286不客氣。很高興我能幫上忙。 –