목록 상자의 항목을 보이지 않는 것으로 만들기

Question

같은 목록 항목이있는 목록 상자 2 개 (.net)가 있습니다. 페이지로드시 데이터를 목록 상자에 바인딩하고 있습니다. 사용자가 하나의 목록 상자에서 항목을 선택하면 항목이 다른 항목에서 보이지 않게됩니다. 실제로 항목을 제거하지 않고이 작업을 수행해야합니다.

Answer 1

select에 options을 표시 할 수 없습니다. 여전히 볼 수

<select multiple="multiple" size="4"> 
    <option value="1">1</option> 
    <option value="2" style="display:none;">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 

및 옵션 display:none;으로 표시된 것을주의 : 당신이 할 수있는 모든

당신이 코드를 실행하여 볼 수 있습니다 (만약 당신이 싶지 않아 말을) 제거하다 . 그것을 만드는 : 내가 스타일 (색상 속성) 나누었다 내가 같은 스타일 (숨겨진 가시성을) 사용할 때를 사용하여 먼저 선택 두 번째 목록 상자에서 목록 항목의 색상을 변경할 수 있어요

Fiddle