최종 사용자가 선택 상자 요소를 통해 항목의 순위를 지정할 수 있는 HTML 페이지가 있습니다.

간단한 데모를 보려면 바이올린을 참조하세요.

https://jsfiddle.net/Balkanlii/ghecv1j8/1/

동일 순위가 두 번째 선택되면(최종 사용자가 마음을 바꾸는 경우 등) 선택한 옵션을 변경하는 jquery 스크립트를 작성하고 싶습니다. 그래서:

• 항목 1이 1번으로 선택되었다고 가정하고, 최종 사용자가 항목 2로 와서 이 항목을 1번으로 설정하기로 결정하면 여기서 옵션 1만 선택해야 하고 다른 항목은 자동으로 레벨 2로 설정되도록 선택해야 합니다.

• 프로젝트 1이 1위로 선정되고, 프로젝트 2가 2위로 선정되었다고 가정해 보겠습니다. 그런 다음 최종 사용자가 항목 3을 확인했을 때 이를 1순위로 설정하기로 결정했다고 가정합니다. 이렇게 하면 항목 1이 자동으로 2위가 되고 항목 2는 자동으로 3위가 됩니다.

이 목적으로 성공적으로 작동하는 쿼리를 작성했지만 다음 조건으로 인해 스크립트가 손상되었습니다.

• 프로젝트 1이 2위로 선정되고, 프로젝트 2가 1위로 선정되었다고 가정해 보겠습니다. 이로 인해 실제로 두 번째 순위 항목이 없는 경우 항목 1이 자동으로 세 번째 순위로 지정됩니다.

어떻게 고치나요?

그리고 저보다 더 좋은 방법이 있을까요? 방법이 점점 복잡해지고 있어서 알고 싶습니다.

어떤 도움이라도 대단히 감사하겠습니다.

지금까지 내 jQuery 스크립트: