3 가지 그룹의 선택 옵션이 있습니다. 옵션은 3 개 그룹 모두 동일합니다. 현재 첫 번째 그룹에서 옵션 1을 선택하면 다음 그룹에는 표시되지 않습니다.
<select name='Player_1'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
</select>
<br><br>
<select name='Player_2'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
</select>
<br><br>
<select name='Player_3'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
</select>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
var $dropdown1 = $("select[name='Player_1']");
var $dropdown2 = $("select[name='Player_2']");
var $dropdown3 = $("select[name='Player_3']");
$dropdown1.change(function() {
$dropdown2.empty().append($dropdown1.find('option').clone());
var selectedItem = $(this).val();
if (selectedItem) {
$dropdown2.find('option[value="' + selectedItem + '"]').remove();
$dropdown3.find('option[value="' + selectedItem + '"]').remove();
}
});
$dropdown2.change(function() {
$dropdown3.empty().append($dropdown2.find('option').clone());
var selectedItem = $(this).val();
if (selectedItem) {
$dropdown3.find('option[value="' + selectedItem + '"]').remove();
}
});
</script>
선택한 그룹을 순서대로 내려 가면 위의 모든 것이 잘 작동합니다.
제 질문은 ...
어떤 순서로든 작동하도록하려면 어떻게해야합니까? 세 번째 그룹에서 3을 선택한 다음 처음 두 그룹에서 세 번째 옵션을 제거하려면 어떻게해야합니까? 나는 약간 엉망 이었지만 제대로 작동하지 않는 것 같습니다. 어떤 제안이나 힌트라도 대단히 감사하겠습니다. 항상 조언을 해주셔서 감사합니다!
도움이 되었기를 바랍니다
<select name='Player_1'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
</select>
<br><br>
<select name='Player_2'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
</select>
<br><br>
<select name='Player_3'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
</select>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
var dropdowns = $("select");
dropdowns.change(function() {
dropdowns.find('option:not(:selected)[value="' + $(this).val() + '"]').remove();
});
</script>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다